HTML DOM和BOM常用操作总结

HTML DOM和BOM常用操作总结
2021年08月19日21:16:30 0 368

HTML DOM和BOM常用操作总结

 

HTML DOM和BOM常用操作总结

HTML DOM常用操作

getElementById()//返回带有指定 ID 的元素。

element.getElementsByTagName()//返回拥有指定标签名的所有子元素的集合。

getElementsByClassName()//返回包含带有指定类名的所有元素的节点列表。

element.appendChild()//向元素添加新的子节点,作为最后一个子节点。

element.removeChild()//从元素中移除子节点。

element.replaceChild()//替换元素中的子节点。

createAttribute()//创建属性节点。

createElement()//创建元素节点。

createTextNode()//创建文本节点。

element.getAttribute()//返回元素节点的指定属性值。

element.setAttribute()//把指定属性设置或更改为指定值

element.offsetHeight//返回元素的高度。

element.offsetWidth//返回元素的宽度。

element.offsetLeft//返回元素的水平偏移位置。

element.offsetTop//返回元素的垂直偏移位置。

element.scrollHeight//返回元素的整体高度。

element.scrollLeft//返回元素左边缘与视图之间的距离。

element.scrollTop//返回元素上边缘与视图之间的距离。

element.scrollWidth//返回元素的整体宽度。

element.clientHeight//返回元素的可见高度。

element.clientWidth//返回元素的可见宽度。

element.childNodes//返回元素子节点的 NodeList。

element.className//设置或返回元素的 class 属性。

element.id//设置或返回元素的 id。

element.innerHTML//设置或返回元素的内容。

element.insertBefore()//在指定的已有的子节点之前插入新节点。

HTML DOM和BOM常用操作总结

HTML DOM和BOM常用操作总结

常用的BOM属性

window

窗口

window.open()//打开窗口。返回一个指向新窗口的引用。

window.close()//关闭窗口。

window.resizeTo()//调整窗口尺寸到指定值

window.resizeBy()//增加窗口尺寸,增加量为指定值

window.moveTo()//移动窗口

window.moveBy()//移动窗口,坐标增加量为指定值

window.innerHeight//浏览器窗口的内部高度

window.innerWidth//浏览器窗口的内部宽度

window.setTimeout()//超时调用

window.clearTimeout()//取消超时调用

window.setInterval()//间歇调用

window.clearInterval()//取消间歇调用

window.alert()//警告框

window.confirm()//确认对话框。返回布尔值,点击确定返回true,点击取消返回false

window.prompt()//提示框。点击确定返回文本框的值,点击取消返回null

window.print()//打印对话框

window.find()//查找对话框

location.href//完整URL,如http://www.yinzitang.com:8080/index.html?name='peter'&age='20'#contents

location.protocol//协议名,如http:

location.hostname//服务器名,如www.yinzitang.com

location.host//服务器名及端口号,如www.yinzitang.com:8080

location.port//端口号,如8080

location.pathname//目录和文件名,如/path/to/homepage/index.html

location.search//查询字符串,以问好开头,如?name='peter'&age='20'

location.hash//散列值,即#号后面,如#contents

location.assign()//打开指定URL,并在历史记录中生成一条记录。等价于location.href = URL和window.location = URL。

location.replace()//打开指定URL,但不生成新的历史记录。

location.reload()//重新加载当前页面。默认以最有效的方式加载,可能会请求到缓存。

location.reload(true)//重新加载当前页面,强制从服务器重新加载。

navigator.userAgent//用户代理字符串

navigator.plugins//安装插件信息的数组

navigator.onLine//检测设备在线还是离线

screen.availWidth//可用的屏幕宽度。以像素计,减去界面特性,比如窗口任务栏。

screen.availHeight//可用的屏幕高度。以像素计,减去界面特性,比如窗口任务栏。

screen.width//屏幕的像素宽度

screen.height//屏幕的像素高度

screen.colorDepth//颜色位数

history.go()//跳转到任意历史记录。

若传入整数,正数为前进,负数为后退。

若传入字符串,则跳转到历史记录中包含该字符串的第一个位置。

history.back()//后退一页

history.forward()//前进一页

history.length//历史记录的数量。对于窗口中第一个打开的页面而言,其history.length为0。

history.pushState()//历史状态管理。将新的状态信息加入历史状态栈。

history.replaceState//历史状态管理。重写历史状态。

HTML DOM和BOM常用操作总结

HTML DOM和BOM常用操作总结

以上内容为互联网收集多谢支持与关注。

HTML DOM和BOM常用操作总结

打赏 点赞(0)
weinxin
投诉建议
文章名+链接地址,发送到此微信:tourism52
猜您今天喜欢
猜您
喜欢
历史上的今天
05月
17
Array,对象,属性,Array,对象,属性,描述,constructor, 菜鸟教程

Array 对象属性

Array 对象属性 属性 描述 constructor 返回对创建此对象的数组函数的引用。 length 设置或返回数组中元素的数目。 prototype 使您有能力向对象添加属...
Servlet,简介,Servlet,简介,学习,的,大纲,servlet,概, 菜鸟教程

Servlet简介

Servlet简介 Servlet学习的大纲 servlet概念及相关接口简介 servet 执行过程 servlet映射路径url-pattern 缺省servlet -- 应用...
XSD,schema,元素,XSD,schema,元素,是,每一个,XML, 菜鸟教程

XSD - <schema> 元素

XSD - schema 元素 schema 元素是每一个 XML Schema 的根元素。 schema 元素 schema 元素是每一个 XML Schema 的根元素: ?x...
非常,好的,题目,详解,python,字典,用法 菜鸟教程

非常好的题目详解Python字典的用法

下面这个题目可以很好的说明Python字典的用法,因为对应关系固定且不重复,所以适合字典这种数据类型,又因为题目要求实现正向转换,同时又可以实现反向转换,因此,既需要用到由键(ke...
XLink,和,XPointer,教程,XLink,和,XPointer,教程,定义, 菜鸟教程

XLink 和 XPointer 教程

XLink 和 XPointer 教程 XLink 定义在 XML 文档中创建超级链接的标准方法。 XPointer 允许这些超级链接指向 XML 文档中的更多具体部分(片断)。 ...
序列化,接口 菜鸟教程

序列化接口

序列化接口(No version information available, might only be in SVN)简介自定义序列化的接口。 实现此接口的类将不再支...

Comment list 共有 0 条评论

暂无评论