1,强调 em用斜体
strong用粗体
2，<q>引用文本</q>
blockquote标签 长文本引用 块级引用
3,address为网页加入联系地址信息
4,<code>一行代码</code> <pre>多行代码</pre>
5，无序列表ul>li 有序列表ol>li
6,div是独立的版块
7，表格table tbody,tr行,th表格头部的一个单元格,td一个单元格
摘要 <table summary="表格简介文本"></table>
标题 <table> <caption>标题文本</caption></table>
8，<a href="目标网址" title="鼠标滑过显示的文本" target="_black"></a>在新的浏览器中打开
<a href="mailto:yy@qq.com">发送</a> 发送邮寄
9，<img src="图片地址" alt="下载失败时替换文本" title="提示文本">图像可以使gif,png,jpeg的图像文件
10,<form action="服务器文件；浏览者输入的数据被传输送到另一个地方" method="传送方式"></form>
11，<input type="text/password" name="名称：文本框命名，后台程序员使用" value="为文本输入框设置默认值"
12，文本域 <textarea name="" );
}
screen对象
window.screen.height 屏幕的高度，单位像素
.width 屏幕的宽度，单位像素
.colorDepth 用户浏览器表示的颜色位数，通常为32位;
.pixelDepth 用户浏览器表示的颜色位数，通常为32位，（没像素的位数）（IE不支持）;
.avaiHeight 窗口可以使用的屏幕高度，单位像素
.availWidth 窗口可以使用的屏幕宽度，单位像素
DOM
nodeName 返回一个字符串，其内容是给定节点的名字
nodeType 返回一个整数，这个数值代表给定节点的类型
nodeValue 返回给定节点的当前值
遍历树节点
childNodes 返回一个数组，这个数组由给定元素节点的子节点构成
firsChild 返回第一个子节点
lastChild 返回最后一个子节点
parentNode 返回一个给定结点的父节点
nextSibling 返回给定结点的下一个子节点
previousSibing 返回给定结点的上一个子节点
DOM操作
createElement(element) 创建一个新的元素节点
createTextNode() 创建一个包含着给定文本的新文本节点
appendChild() 指定节点最后一个子节点列表之后添加一个新的子节点
insertBefore() 将一个给定节点插入到一个给定元素节点的给定子节点的前面
removeChild() 从一个给定元素中删除一个自子节点
replaceChild() 把一个给定父元素里的一个子节点替换为另外一个节点
document.getElementByName() 返回带有指定名称的节点对象的集合
document.getElementByTagName() 标签节点对象的结合
getAttribute(name) 通过元素节点的属性，名称获取属性的值
setAttribute(name,value) 可以增加一个指定名称和值得新属性，活着把现有的属性设定为指定的值
DOM 节点得到三个重要的属性
1，nodeName 节点的名称
1，元素节点的nodeName与标签名相同
2，属性节点的nodeName是属性的名称
3，文本节点的nodeName永远是#text
4,文档节点的nodeName永远是#document
2，nodeValue 节点的值
元素节点的nodeValue是undefined或null
文本节点的nodeValue是文本自身
属性节点的nodeValue是属性的值
3，nodeType 节点的类型---只读
元素类型 节点类型
元素 1
属性 2
文本 3
注释 8
文档 9
访问子节点childNodes访问选定元素节点下的所有子节点的列表，返回的值可以看做是一个数组它具有length属性。
兼容问题：节点之间额空白符，在firefox，chrome,opera，safai浏览器是文本节点。IE不是节点
parentNode访问父节点
firstChild第一项
lastChild最后一项
访问兄弟节点 nextSibling某个节点之后紧跟的节点
previousSibling 某个节点之前紧跟的节点
<script>
function get_nextSibling(n) {
var x =n.nextSibling;
while(x.nodeType!=1){
x=x.nextSibling;
}
return x;
}
</script>
插入节点 appendChild() 在指定节点的最后一个子节点列表之后添加一个新的子节点
insertBefore(newNode ， node) 在已有的子节点前插入一个新的子节点
删除节点 removeChild() 方法从子节点列表中删除某个节点，如果删除成功，此方法可返回被删除的节点，如果失败，则返回nul;
replaceChild替换元素节点，实现子节点对象的替换，返回被替换对象的引用。（newNode,oldNode）
创建元素节点 createElement(tagName)可以创建元素节点
createTextNode(字符串);创建text节点
获取浏览器窗口的尺寸 ===》（不包括工具栏和滚动条）
对于ie9+,Chrome，FireFox,Opera以及Safari
window.innerHeight 浏览器窗口的内部高度
window.innerWidth 浏览器窗口的内部宽度
对IE8,7,6,5
document.documentElement.clientHight表示HTML文档所在窗口的当前高度
document.documentElement.clientWidth表示HTML文档所在窗口的当前宽度
或者
document.body.clientHeight
document.body.clientWidth
在不同浏览器都实用的JavaScript方案
var w = document.documentElement.clientWidth || document.body.clientWidth;
var h = document.documentElement.clientHeight || document.body.clientHeight;
获取网页的内容区域的高度scrollHeight和scrollWidth
针对IE Opera
scrollHeight是网页内容的实际高度，可以小于clientHeight;
浏览器的兼容问题
var w = document.documentElement.scrollWidth || document.body.scrollWidth;
var h = document.documentElement.scrollHeight || document.body.scrollHeight;
获取网页内容高度的和宽度（包括滚动条等边线，会随窗口的显示大小改变。）
offsetHeight =clientHeight+滚动条+边框
浏览器兼容
var w = document.documentElement.offsetWidth || document.body.offsetWidth;
var h = document.documentELement.offsetHeight || document.body.offsetHeight;
网页卷曲的距离和偏移量
scrollLeft:设置或获取位于给定对象左边界与窗口中最左端之间的距离。
scrollTop:
offsetLeft
offsetHight;
相关文章：