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

来源：互联网发布：c语言韩信点兵怎么理解编辑：程序博客网时间：2024/06/15 19:24

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)

0 0