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元素中
   例:

var img = new Image();
img.onload = function () {
    document.onclick = function () {
        alert('add img');
        document.body.appendChild(img);
    }
}
img.src = '#';

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

3 . 文档碎片

var flag = document.createDocumentFragment();
fragment.appendChild(某节点);
document.body.appendChild(flag)