javascript-Doctype, img图片预加载, js文档碎片

Doctype

Doctype-渲染模式

在多年以前(IE6诞生以前), 各浏览器都处于各自比较封闭的发展中(基本没有兼容性可谈). 可随着WEB的发展, 兼容性问题的解决越来越显得迫切, 随即, 各浏览器厂商发布了标准模式(遵循个厂商规定的统一标准)工作的浏览器, 比如IE6就是其中之一. 但是考虑到以前建设的网站不支持标准模式, 所以各浏览器在加入标准模式的同时也保留了混杂模式(即以前那种未按照统一工作的模式也叫做怪异模式)

三种标准模式的写法

  1. < !DOCTYPE html >
  2. < !DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd“ >
  3. < !DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

js基础篇最后知识点

  1. label标签的for属性可以关联相应标签的id值. 在js中可以使用label.htmlfor获取.
  2. img图片预加载
    在图片加载完之后再插入到dom元素中
    例:
1
2
3
4
5
6
7
8
var img = new Image();
img.onload = function () {
document.onclick = function () {
alert('add img');
document.body.appendChild(img);
}
}
img.src = '#';

当图片加载完成点击页面就会触发事件, 将图片添加上去

3 . 文档碎片

1
2
3
var flag = document.createDocumentFragment();
fragment.appendChild(某节点);
document.body.appendChild(flag)
越来越多的平台(微信公众平台,新浪微博,简书,百度打赏等)支持打赏功能,付费阅读时代越来越近,特此增加了打赏功能,支持微信打赏和支付宝打赏。坚持原创技术分享,您的支持将鼓励我继续创作!