HTML&javaSkcript&CSS&jQuery&ajax(11)
1、localStorage 没有 时间的限制数据存储, sessionStorage 针对一个session的存储,首先检查浏览器是否支持对这两个的存储,
ifI(type(Storage)!=="undefined"){
// 支持}else{
不支持}
localStorage对数据存储没有时间的限制,eg、
<div id="result"></div>
<script> ifI(typeof(Storage)!=="undefined"){
lLocalStorage.sitename="菜鸟";
document.getElementById("result").innerHTML=“网站名”+"localStorage.setname;}
else{
document.getElementById("result").innerHTML="浏览器不支持"}</script>
2、计算 <div id="reult"></div>
<script> function clickCount(){
if(typeof(Storage)1=="undefined”){
if(localStorage.clickcount){
localStorage.clickcount=Number(localStorage.clickcount)+1;
}else{
localStorage.clickcount=1;}
document.getElementById("result").innerHTML="localStorage.localcount;
}else{
doucment.getElement.ById(“result”).innerHtml="比支持"}
}</script>
3、web SQL操作
openDatabase 使用数据库 transaction 控制数据库 execute Sql 数据库查询
打开数据库 var db=openDatabase("mydb", '1.0', 'test DB',2*1024*1024)分别是数据库名称, 版本号 描述文本 数据库大小
db.transaction(function(tx){ tx.executeSql('CREATE Table if not exists LoGS (id unique,log)');});
删除数据记录 db.transaction(function(tx){
tx.excuteSql('delete from logs where id=1')})
更新数据 db.transaction(function(tx){
tx.excuteSql('Update logs set log=\'www.w3cschool\' where id=2');})
4、启用应用程序缓存 <!DOCTYPE HTML>
<html manifest="demo.appcache"> </html>
5、接收 Servert -sent事件通知
var source=new EventSource("demo-sse.php");
source.onmessage=function(event){
doucnemt.getElementById("result").innerHTML++evnt.data+"<br>";}
检测server-Sent事件支持 if(type(EventSource)!=="undefined"){
//浏览器支持}else{
//浏览器不支持 Server-sent}
6、WebSocket是HTML5单个TCP链接上的全双工通讯协议, WebSocketAPI中。浏览器和服务器只需要做一次握手工作,然后浏览器和服务器之间就形成一条快速通道,两者之间就直接可以同数据, 介质是 JavaScript像服务器发送建立WebSocket的链接请求,当获取WEbSocket 链接之后 通过send()方法像服务器发送数据。并通过onmessage事件来接受服务器返回的数据。
一、Html部分
HTML基础:
1、HTML标题(heading)t通过<h1><h6>标签定义,
eg:<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>SueKay</title>
<body>
<h1>it's my sister </h1>
<p>it's your sister</p.html
>
</body>
</html>
2、段落标<p>,</p> ,<hr >这个标签用于对段落的分割,段落顺序倒着写<p><bdo dir="rtl">这段文字倒着显示</bdo></p>
删除效果<p>My favorite color is <del>blue</del> <ins>red</ins></p>
<! DOCTYPE html >
<html>
<head>it's my notebook</head>
<body><p>it's your dog </p>
<p>it's second <br> paragraph</p><body>
</html>
另外HTML的注释,<!--it's notesiad-->,插入段落之间的水平线使用标签<hr/>,在一个段落中实现回行,直接键入标签<br>
3、HTML链接<a href="http://www.baidu.com">it's a link</a>
4、HTML图像链接 <img src=“img/log/png ” width=“23” height=“23”>
5、文本格式化:对<body>中的字体进行设置<b> 粗体 <i>斜体显示。<sub></sub>下标 <sup></sup>上标,
<pre></pre>标签的使用保留原来文本的输入样式
<code></code>计算机输出标签样式,<var></var >计算机变量。
<address> written by <a href="maitl:webster@example">Jon Doe</a></address>
HTML&javaSkcript&CSS&jQuery&ajax(11)的更多相关文章
- HTML&javaSkcript&CSS&jQuery&ajax(五)
一.Framset标签定义了每个框架中的HTML文档, 1. <framset cols="25%,75%"> <frame src="frame_a. ...
- HTML&javaSkcript&CSS&jQuery&ajax(十)
HTML 1.SVG直接嵌入HTML网页 ,SVG 是使用XML描述2D图像的语言,Canvas通过JavaScript来绘制2D <svg xmlns="http://www.w3. ...
- HTML&javaSkcript&CSS&jQuery&ajax(九)
一.HTML 1.单选按钮 <form action="><inpput type="radio" name="sex" value ...
- HTML&javaSkcript&CSS&jQuery&ajax(六)
一.HTML表单 1.<input type="text">定义文本输入的单上输入字段,<form> First name:<br> < ...
- HTML&javaSkcript&CSS&jQuery&ajax(二)
一.HTML 1.标签<a href="http:www.baidu.com">This is a link </a> <img sr ...
- HTML&javaSkcript&CSS&jQuery&ajax(八)
一. <!DOCTYPE html><html><head><meta charset="utf-8"><tiitle> ...
- HTML&javaSkcript&CSS&jQuery&ajax(七)
’一.HTML5 实例 <video width="430" controls> <source src="mov_nnn.mp4" t ...
- HTML&javaSkcript&CSS&jQuery&ajax(四)
一.HTML创建响应设计 Responsive Web Design 可以改变尺寸传递网页,对于平板和移动设备是必须的 1.<!DOCTYPE html><html lang=&qu ...
- HTML&javaSkcript&CSS&jQuery&ajax(三)
一.HTML块元素 1.块级元素 Block level element ,内联元素 inline element , HTML<div>元素属于块级元素,他是组合其他HTML元素的容器, ...
随机推荐
- jquery正则表达式
参考链接: http://www.bkjia.com/Javascript/1084651.html
- mysql 查询优化 ~ 优化基础补充
一 简介:此文章是对于 sql通用基础的补充说明 二 虚拟列: mysql虚拟列是mysql5.7的新特性,对于函数计算形成的结果可作为虚拟列,并可以对虚拟列添加索引,这样就能加速sql的运行,不过有 ...
- Javascript - ExtJs - ToolTip组件
一个浮动的提示信息组件…… Ext, //可选 指定箭头的位置 anchor: 'buttom', ...
- 20165234 [第二届构建之法论坛] 预培训文档(Java版) 学习总结
[第二届构建之法论坛] 预培训文档(Java版) 学习总结 我通读并学习了此文档,并且动手实践了一遍.以下是我学习过程的记录~ Part1.配置环境 配置JDK 原文中提到了2个容易被混淆的概念 JD ...
- go 单引号,双引号,反引号区别
go里面双引号是字符串,单引号是字符,不存在单引号字符串. 但有反引号字符串,就是esc键下面1键左边tab键上面那个键,区别是反引号字符串允许换行符
- Learning Spread-out Local Feature Descriptors
论文Learning Spread-out Local Feature Descriptors 为什么介绍此文:引入了一种正则化手段,结合其他网络的损失函数,尤其是最新cvpr 2018的hardne ...
- k64 datasheet学习笔记11---Port Control and Interrupts (PORT)
1.前言 Port Control and Interrupt (PORT) 模块提供了port control,digital filtering,和外部中断功能 每个pin的大部分功能可被独立配 ...
- windows命令行获取时间
在写Windows批处理脚本时,常常需要获取系统日期.时间戳记,用作文件名.文件夹名.log等等. 本文介绍了如何获取自订的系统日期.时间戳记. 首先,在Windows中,系统日期由以下参数获得: % ...
- 全系列Unity4.x.x到2017.1.1破解Win&Mac!最新Unity2017.1.1p3&4.7.2f1破解!
Unity官网所有版本下载地址请戳: http://unity3d.com/unity/download/archive 补丁版本请戳: http://unity3d.com/cn/unity/qa/ ...
- 深入学习NAT工作原理
深入学习NAT工作原理 我们单位中的电脑很多,组成了一个局域网,网络中只有一个电脑和外网(Internet)相连,当然有一个外网地址,但仅仅一个.我以前一直不明白,我们局域网的电脑均能上网,几台同时上 ...