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

【JavaScript】BOM对象——Window对象&History对象&Location 对象

时间:2019-06-14 12:29:00      阅读:123      评论:0      收藏:0      [点我收藏+]

标签:删除   time   height   span   vol   dash   图片   技术   tor   

1.Window对象:

表示浏览器中打开的窗口

 

技术图片

 

setInterval():它有一个返回值,主要是提供给 clearInterval 使用。
setTimeout():它有一个返回值,主要是提供给 clearTimeout 使用。
clearInterval():该方法只能清除由 setInterval 设置的定时操作。
clearTimeout():该方法只能清除由 setTimeout 设置的定时操作。

 

代码:

<script>
//        //确认弹出框
//            confirm("确定删除吗?");
//            //输入框
//            prompt("请输入内容:");
</script>
<body>
        <a href="02——history对象.html">点我!</a>
</body>

 

结果:

http://127.0.0.1:8020/WEB03_JS/%E6%A1%88%E4%BE%8B%E4%B8%89%EF%BC%9A%E4%BD%BF%E7%94%A8JS%E5%AE%8C%E6%88%90%E9%A1%B5%E9%9D%A2%E5%AE%9A%E6%97%B6%E5%BC%B9%E5%87%BA%E5%B9%BF%E5%91%8A/BOM%E5%AF%B9%E8%B1%A1/01_window%E5%AF%B9%E8%B1%A1.html

 

 

2.History对象:

History 对象包含用户(在浏览器窗口中)访问过的 URL
技术图片
 
 
历史页面:使用 location 页面(把 href 属性值改为当前的 history)
 
History 页面代码:
<input type="button" value=" 返回上一个页面 "
onclick="javascript:history.back()"/>
 
go的参数:-1 返回上一个历史记录页面;-2 返回上上一个历史记录页面;1 进入下一个历
史记录页面。
 
让按钮点击失效:
onclick=”javascript:volid(0)” 
 
代码:
<script>
            function fanhui() {
                history.go(1);
// history.go(-1);
// history.back(); } </script>
<body>
    <input type="button" value="返回上一页" onclick="fanhui()" />
    <a href="03_location对象.html">下一页</a>
</body>
 
 
3.Location 对象
Location 对象包含有关当前 URL 的信息。 
技术图片
href:该属性可以完成通过 JS 代码控制页面的跳转。 
 
代码:
<body>
        <input type="button" value="跳转到history页面" onclick="javascript:location.href=‘02——history对象.html‘"/>
</body>
 
结果:
 
 
4.Navigator 对象
Navigator 对象包含有关浏览器的信息。(该对象开发中不怎么常用)
5.Screen 对象
Screen 对象包含有关客户端显示屏幕的信息。(该对象开发中不怎么常用)
 

 

【JavaScript】BOM对象——Window对象&History对象&Location 对象

标签:删除   time   height   span   vol   dash   图片   技术   tor   

原文地址:https://www.cnblogs.com/musecho/p/11022420.html

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