前端开发代码js的部分知识点总结

可以与java连接的前端开发|开源前端开发ide|html5前端开发博客

Window Screen
window.screen.width 返回当前屏幕宽度(分辨率值)
window.screen.height 返回当前屏幕高度(分辨率值)

window.document.body.offsetHeight; 返回当前网页高度（内容撑开的，如果没有内容，为0）
window.document.body.offsetWidth; 返回当前网页宽度

window.document.documentElement.clientHeight返回当前网页可视高度
window.document.documentElement.clientWidth返回当前网页可视宽度

滚动条
document.body.scrollTop//chrome
document.documentElement.scrollTop //FF IE

window.location
window.location.href=’http://www.baidu.com/’ 页面跳转
window.location.reload() 页面重载

window History
window.history.go(1) 前进（跳转）
window.history.go(-1) 后退（跳转）
window.history.forward() 前进
window.history.back() 后退

window.navigator.userAgent 浏览器类型、版本、操作系统类型、浏览器引擎类型等信息

DOM节点（添删改查）

创建节点 createElement

删除节点removeChild

插入节点 appendChild

前部插入insertBefore(新的元素，被插入元素)

节点类型：共有12种节点类型

1 Element 一个元素
2 Attr 一个属性
3 Text 一个元素的文本内容或属性
8 Comment 一个注释
9 Document 整个文档（DOM树的根节点）

查找节点

父节点 parentNode

第一级所以子节点 children /childNodes一级子元素子节点（包含空格和文本节点,不用！！！）

上一个兄弟节点 previousSibling
下一个兄弟节点 nextSibling

第一个子节点 firstChild
最后一个子节点 lastChild

克隆节点 cloneNode
newElement=oldElement.cloneNode(true / false )

true：复制本节点以及所有子节点
false：只复制节点本身

php做前端开发|web前端开发资料pdf|.net前端开发