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 = { n am e: [zhangsan], age: 20, father: { name: [zhangxx], age: 50 } };
方法一:用原生js进行递归操作
function clone(obj) { var newObj = {}; for (var p in obj) { if (ty PE of(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加载顺序,ht ML 一边渲染,js一边下载,html全部渲染完,再执行js
async 无法保证js加载顺序,html一边渲染,js一边下载,js下载完立刻执行js
用defer和async的时候是不能用document.wirte的
jsonp的原理:
通过 script标签 引入一个js文件,这个js文件 载入 成功后会执行我们在url参数中指定的函数,并且会把我们需要的json数据作为参数传入。所以jsonp是需要 服务器 端的页面进行相应的配合的。
canvas的width和h ei ght都需要写成内联的样式,如果写在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里面的话会把它抻大
觉得 可用,就经常来吧! 欢迎评论哦!&nbs p; html5教程 ,巧夺天工,精雕玉琢。小宝典献丑了!
总结
以上是 为你收集整理的 html5教程-html5笔记 全部内容,希望文章能够帮你解决 html5教程-html5笔记 所遇到的问题。
如果觉得 网站内容还不错, 推荐好友。