HTML&javaSkcript&CSS&jQuery&ajax（11）

Posted 2020-10-25 疏桐

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML&javaSkcript&CSS&jQuery&ajax（11）相关的知识，希望对你有一定的参考价值。

1、localStorage 没有时间的限制数据存储， sessionStorage 针对一个session的存储，首先检查浏览器是否支持对这两个的存储，

ifI(type(Storage)!=="undefined"){

// 支持}else{

不支持}

localStorage对数据存储没有时间的限制，eg、

lLocalStorage.sitename="菜鸟";

document.getElementById("result").innerhtml=“网站名”+"localStorage.setname;}

else{

document.getElementById("result").innerHTML="浏览器不支持"}</script>

2、计算 <div id="reult"></div>

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>

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>

<p>it\'s second <br> paragraph</p><body>

</html>

另外HTML的注释,，插入段落之间的水平线使用标签<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>标签的使用保留原来文本的输入样式