码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript学习——BOM对象

时间:2017-08-19 17:08:08      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:跳转   click   html   int   logs   删除   用户   技术   bom   

1、BOM 对象:浏览器对象模型(操作与浏览器相关的内容) 

2、Window 对象 

 Window 对象表示浏览器中打开的窗口

技术分享

setInterval():它有一个返回值,主要是提供给 clearInterval 使用

setTimeout():它有一个返回值,主要是提供给 clearTimeout 使用

clearInterval():该方法只能清除由 setInterval 设置的定时操作

clearTimeout():该方法只能清除由 setTimeout 设置的定时操作 

弹出框的几个方法:

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>Window对象</title>
 6         <script>
 7             //警告框
 8             alert("啊哈!");
 9             //确认删除框
10             confirm("您确认删除吗?");
11             //输入框
12             prompt("请输入价格");
13         </script>
14     </head>
15     <body>
16     </body>
17 </html>

3、History对象

 History 对象包含用户(在浏览器窗口中)访问过的 URL

技术分享

执行这段代码之前要有历史页面,可以是超链接跳转到此页面。

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>History对象</title>
 6         <script>
 7             function fanhui(){
 8                 history.go(-1);
 9                 //history.back();
10             }
11         </script>
12     </head>
13     <body>
14         <input type="button" value="返回上一页" onclick="fanhui()" />
15     </body>
16 </html>

go(参数)  

参数:-1 返回上一个历史记录页面;-2 返回上上一个历史记录页面,1 进入下一个历史记录页面。

3、Location对象

 Location 对象包含有关当前 URL 的信息。 

技术分享

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>Location对象</title>
 6     </head>
 7     <body>
 8         <input type="button"  value="跳转到History页面" onclick="javascript:location.href=‘02_History对象.html‘"/>
 9     </body>
10 </html>

 

JavaScript学习——BOM对象

标签:跳转   click   html   int   logs   删除   用户   技术   bom   

原文地址:http://www.cnblogs.com/cxq1126/p/7396824.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!