JS浏览器对象模型(BOM)windows对象
2021/11/22 7:12:42
本文主要是介绍JS浏览器对象模型(BOM)windows对象,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
所有的属性和方法在调用时都要带前缀,只有前缀是windows的可以省略。
windows的常用属性
1、document属性
doucument.write()打印至大白板的方法
此方法带有字符串解析功能,例如
- document.write("heihei");
- document.write("<br>");
- document.write("<font color='red'>" + 123 + "</font>");
注意在与事件连用时会覆盖原页面
document获取元素的方法
获取单个元素的方法
- document.getElementById("id名");
- document.querySelector("id/class/标签")
获取多个元素的方法(存储在数组中)
- document.getElementsByTag("标签");
- document.getElementsByClssName("class");
- document.getElementsByName("name");
- document.querySelectorAll("标签/class")
2、location属性
- location.href="" ——用来跳转到指定页面地址
- location.replace() ——用新的文档替换当前文档
- location.reload() ——无参,刷新功能
3、history属性
- history.forword()——无参,下一页
- history.back()——无参,上一页
- history.go(数值)——向前或向后翻多少页(可以给负数)
windows的常用方法
1、定时器
循环定时器: setInterval(回调函数,间隔)
每多少时间,执行一次回调函数
clearInterval(定时器对象名)停止定时器
延时定时器: setTimeOut(回调函数,间隔)
过多少时间之后执行该回调函数,只执行一次
clearTimeOut(定时器对象名)停止定时器
2、弹出框
- alert("提示信息")——弹出警告框
- prompt("提示信息","默认值")——弹出输入框,返回值为字符串
- confirm("提示信息")——弹出确认框,返回值为布尔值
这篇关于JS浏览器对象模型(BOM)windows对象的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-15useCallback教程:React Hook入门与实践
- 2024-11-15React中使用useContext开发:初学者指南
- 2024-11-15拖拽排序js案例详解:新手入门教程
- 2024-11-15React中的自定义Hooks案例详解
- 2024-11-14受控组件项目实战:从零开始打造你的第一个React项目
- 2024-11-14React中useEffect开发入门教程
- 2024-11-14React中的useMemo教程:从入门到实践
- 2024-11-14useReducer开发入门教程:轻松掌握React中的useReducer
- 2024-11-14useRef开发入门教程:轻松掌握React中的useRef用法
- 2024-11-14useState开发:React中的状态管理入门教程