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）的更多相关文章

  1. HTML&javaSkcript&CSS&jQuery&ajax（五）

    一.Framset标签定义了每个框架中的HTML文档, 1. <framset cols="25%,75%"> <frame src="frame_a. ...

  2. HTML&javaSkcript&CSS&jQuery&ajax（十）

    HTML 1.SVG直接嵌入HTML网页 ,SVG 是使用XML描述2D图像的语言,Canvas通过JavaScript来绘制2D <svg xmlns="http://www.w3. ...

  3. HTML&javaSkcript&CSS&jQuery&ajax（九）

    一.HTML 1.单选按钮 <form action="><inpput type="radio" name="sex" value ...

  4. HTML&javaSkcript&CSS&jQuery&ajax（六）

    一.HTML表单 1.<input type="text">定义文本输入的单上输入字段,<form> First name:<br>   < ...

  5. HTML&javaSkcript&CSS&jQuery&ajax（二）

    一.HTML 1.标签<a href="http:www.baidu.com">This is a link </a>         <img sr ...

  6. HTML&javaSkcript&CSS&jQuery&ajax（八）

    一. <!DOCTYPE html><html><head><meta charset="utf-8"><tiitle> ...

  7. HTML&javaSkcript&CSS&jQuery&ajax（七）

    ’一.HTML5 实例  <video width="430" controls>   <source src="mov_nnn.mp4" t ...

  8. HTML&javaSkcript&CSS&jQuery&ajax（四）

    一.HTML创建响应设计 Responsive Web Design 可以改变尺寸传递网页,对于平板和移动设备是必须的 1.<!DOCTYPE html><html lang=&qu ...

  9. HTML&javaSkcript&CSS&jQuery&ajax（三）

    一.HTML块元素 1.块级元素 Block level element ,内联元素 inline element , HTML<div>元素属于块级元素,他是组合其他HTML元素的容器, ...

随机推荐

  1. mysql 8.0 ~ 索引优化

    一 简介:今天来聊天mysql8.0关于索引二 增强1 支持隐藏索引,这个可以用来测试创建的索引是否具有优化作用   创建 alter table t1 alter index u1 invisibl ...

  2. mysql 原理 ~ 索引通说

    简介: 来说说索引吧目的:为了加快数据库的数据查找速度,索引应用而生基础知识基本定义  1 遍历 所谓遍历二叉树,就是按一定的规则和顺序走遍二叉树的所有结点,使每一个结点都被访问一次,而且只被访问一次 ...

  3. 20165237 2017-2018-2 《Java程序设计》第6周学习总结

    20165237 2017-2018-2 <Java程序设计>第6周学习总结 教材学习内容总结 1.String类的常用方法: public int length() public boo ...

  4. 第五节，损失函数：MSE和交叉熵

    损失函数用于描述模型预测值与真实值的差距大小,一般有两种比较常见的算法——均值平方差(MSE)和交叉熵. 1.均值平方差(MSE):指参数估计值与参数真实值之差平方的期望值. 在神经网络计算时,预测值 ...

  5. Android JS 交互出现 Uncaught Error: Error calling method on NPObject

    由于HTML5的功能越来越强大,native app的一些功能逐步被html页面代替,不可避免的JS交互也用到的也越来越多.在第一个版本向第二个版本迭代的过程中却发生了莫名其妙的问题,第一个版本JS调 ...

  6. 为什么要重写equals和hashcode方法

    equals hashcode  当新建一个java类时,需要重写equals和hashcode方法,大家都知道!但是,为什么要重写呢? 需要保证对象调用equals方法为true时,hashcode ...

  7. 【转】Python数据类型之“文本序列(Text Sequence)”

    [转]Python数据类型之“文本序列(Text Sequence)” Python中的文本序列类型 Python中的文本数据由str对象或字符串进行处理. 1.字符串 字符串是Unicode码值的不 ...

  8. Shell-find . -type f -name "*.log" -print0 | xargs -0 rm -f

    用 rm 删除太多的文件时候,可能得到一个错误信息:/bin/rm Argument list too long.

  9. ARMV7-M数据手册---Part A ：Application Level Architecture---A1 Introduction

    1.前言 本章主要介绍了ARMV7体系结构及其定义的属性,以及本手册定义的ARMV7M属性. 主要包括: ARMV7体系结构和属性 ARMV7M属性 ARMV7M扩展 2. ARMV7体系结构和属性 ...

  10. android Gui系统之SurfaceFlinger(1)---SurfaceFlinger概论【转】

    转自:https://www.cnblogs.com/deman/p/5584198.html 阅读目录 1.OpenGL & OpenGL ES 2.Android的硬件接口HAL 3.An ...