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

Doctype

Doctype-渲染模式

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

三种标准模式的写法

< !DOCTYPE html >

< !DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd” >

< !DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd“>

js基础篇最后知识点

label标签的for属性可以关联相应标签的id值. 在js中可以使用label.htmlfor获取.

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)