JavaScript---BOM对象
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript---BOM对象,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2567字,纯文字阅读大概需要4分钟。
内容图文
1、BOM简介
BOM(浏览器对象模型),可以对浏览器窗口进行访问和操作。使用 BOM,开发者可以移动窗口、改变状态栏中的文本以及执行其他与页面内容不直接相关的动作。
使 JavaScript 有能力与浏览器“对话”。
2、window 对象
1
window对象
2
所有浏览器都支持 window 对象。
3
概念上讲.一个html文档对应一个window对象.
4
功能上讲: 控制浏览器窗口的.
5 使用上讲: window对象不需要创建对象,直接使用即可.
window 对象方法:
1
alert() 显示带有一段消息和一个确认按钮的警告框。
2
confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。
3
prompt() 显示可提示用户输入的对话框。
4
5
open() 打开一个新的浏览器窗口或查找一个已命名的窗口。
6
close() 关闭浏览器窗口。
7
setInterval() 按照指定的周期(以毫秒计)来调用函数或计算表达式。
8
clearInterval() 取消由 setInterval() 设置的 timeout。
9
setTimeout() 在指定的毫秒数后调用函数或计算表达式。
10
clearTimeout() 取消由 setTimeout() 方法设置的 timeout。
11 scrollTo() 把内容滚动到指定的坐标。
交互方法:
1
方法讲解:
2 //----------alert confirm prompt----------------------------
3 //alert(‘aaa‘);
4 5 6 /* var result = confirm("您确定要删除吗?");
7 alert(result); */
8 9 //prompt 参数1 : 提示信息. 参数2:输入框的默认值. 返回值是用户输入的内容.
1011 // var result = prompt("请输入一个数字!","haha");
12 // alert(result);
13141516 方法讲解:
17 //open方法 打开和一个新的窗口 并 进入指定网址.参数1 : 网址.
18 //调用方式1
19 //open("http://www.baidu.com");
20 //参数1 什么都不填 就是打开一个新窗口. 参数2.填入新窗口的名字(一般可以不填). 参数3: 新打开窗口的参数.
21 open(‘‘,‘‘,‘width=200,resizable=no,height=100‘); // 新打开一个宽为200 高为100的窗口
22 //close方法 将当前文档窗口关闭.
23 //close();
setInterval clearInterval
1 <input id="ID1" type="text" onclick="begin()">
2 <button onclick="end()">停止</button>
3 4 <script>
5 6 7 function showTime(){
8 var nowd2=new Date().toLocaleString();
9 var temp=document.getElementById("ID1");
10 temp.value=nowd2;
1112 }
1314 var clock;
1516 function begin(){
1718if (clock==undefined){
1920 showTime();
21 clock=setInterval(showTime,1000);
2223 }
2425 }
2627 function end(){
2829 clearInterval(clock);
30 }
3132 </script>
setTimeout clearTimeout
1 var ID = setTimeout(abc,2000); // 只调用一次对应函数.
2 clearTimeout(ID);
3 function abc(){
4 alert(‘aaa‘);
5 }
3、history 对象
History 对象属性
History 对象包含用户(在浏览器窗口中)访问过的 URL。
History 对象是 window 对象的一部分,可通过 window.history 属性对其进行访问。
1 length 返回浏览器历史列表中的 URL 数量。
History 对象方法
1
back() 加载 history 列表中的前一个 URL。
2
forward() 加载 history 列表中的下一个 URL。
3 go() 加载 history 列表中的某个具体页面。
1 <a href="rrr.html">click</a>
2 <button onclick=" history.forward()">>>></button>
3 <button onclick="history.back()">back</button>
4 <button onclick="history.go()">back</button>
4、Location 对象
Location 对象包含有关当前 URL 的信息。
Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问。
Location 对象方法
1
location.assign(URL)
2
location.reload()
3 location.replace(newURL)//注意与assign的区别
原文:https://www.cnblogs.com/horror/p/9373726.html
内容总结
以上是互联网集市为您收集整理的JavaScript---BOM对象全部内容,希望文章能够帮你解决JavaScript---BOM对象所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。