html5笔记

datalist

nav

section

SEO搜索引擎优化

选择器

document.querySelector(“.aa”)选择一个

document.querySelectorAll(“.aa”)选择多个

classList返回的是一个对象，classname返回的是一个字符串

classList里面的toggle()可以切换class方法，就是你原来没有我就给你加上，原来有就去掉

JSON.stringify(); 把对象转化成字符串

JSON.parse(); 把字符串转化成对象

json的兼容性问题解决方法www.json.org下载json.js引入

 //作用是完成拷贝obj，返回新的对象(两种方法)  VAR obj1 = {
     name: “zhangsan”,     age: 20,     father: {
         name: “zhangxx”,         age: 50     }
 }
    ;

方法一：用原生js进行递归操作

 function clone(obj) {
     var newObj = {
}
    ;
     for (var p in obj) {
         if (tyPEof(obj[p]) == “object”) {
                 newObj[p] = clone(obj[p]);
         }
 else {
                 newObj[p] = obj[p];
         }
     }
         return newObj;
 }
    

方法二：用JSON

 var str1 = JSON.stringify(obj1);
      var obj2 = JSON.parse(str1);
    

JSON只能解析JSON格式的代码，安全，而eval可以解析任何格式的代码，并且不安全

js异步加载(js是单线程的，浏览器是多线程的)

defer 可以保证js加载顺序，htML一边渲染，js一边下载，html全部渲染完，再执行js

async 无法保证js加载顺序，html一边渲染，js一边下载，js下载完立刻执行js

用defer和async的时候是不能用document.wirte的

jsonp的原理：

通过script标签引入一个js文件，这个js文件载入成功后会执行我们在url参数中指定的函数，并且会把我们需要的json数据作为参数传入。所以jsonp是需要服务器端的页面进行相应的配合的。@H_777_48@

canvas的width和height都需要写成内联的样式，如果写在style里面的话会把它抻大

datalist

nav

section

SEO搜索引擎优化

选择器

document.querySelector(“.aa”)选择一个

document.querySelectorAll(“.aa”)选择多个

classList返回的是一个对象，className返回的是一个字符串

classList里面的toggle()可以切换class方法，就是你原来没有我就给你加上，原来有就去掉

JSON.stringify(); 把对象转化成字符串

JSON.parse(); 把字符串转化成对象

json的兼容性问题解决方法www.json.org下载json.js引入

 //作用是完成拷贝obj，返回新的对象(两种方法)  var obj1 = {
     name: “zhangsan”,     age: 20,     father: {
         name: “zhangxx”,         age: 50     }
 }
    ;

方法一：用原生js进行递归操作

 function clone(obj) {
     var newObj = {
}
    ;
     for (var p in obj) {
         if (typeof(obj[p]) == “object”) {
                 newObj[p] = clone(obj[p]);
         }
 else {
                 newObj[p] = obj[p];
         }
     }
         return newObj;
 }
    

方法二：用JSON

 var str1 = JSON.stringify(obj1);
      var obj2 = JSON.parse(str1);
    

JSON只能解析JSON格式的代码，安全，而eval可以解析任何格式的代码，并且不安全

js异步加载(js是单线程的，浏览器是多线程的)

defer 可以保证js加载顺序，html一边渲染，js一边下载，html全部渲染完，再执行js

async 无法保证js加载顺序，html一边渲染，js一边下载，js下载完立刻执行js

用defer和async的时候是不能用document.wirte的

jsonp的原理：

通过script标签引入一个js文件，这个js文件载入成功后会执行我们在url参数中指定的函数，并且会把我们需要的json数据作为参数传入。所以jsonp是需要服务器端的页面进行相应的配合的。

canvas的width和height都需要写成内联的样式，如果写在style里面的话会把它抻大

觉得可用，就经常来吧！ 欢迎评论哦！ html5教程，巧夺天工，精雕玉琢。小宝典献丑了！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！