前端开发代码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前端开发

» 本文来自:前端开发者 » 《前端开发代码js的部分知识点总结》
» 本文链接地址:https://www.rokub.com/4353.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!