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

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>

结果:

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/02%E2%80%94%E2%80%94history%E5%AF%B9%E8%B1%A1.html

4.Navigator 对象

Navigator 对象包含有关浏览器的信息。(该对象开发中不怎么常用)

5.Screen 对象

Screen 对象包含有关客户端显示屏幕的信息。(该对象开发中不怎么常用)

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

时间: 2024-07-31 17:29:41

【JavaScript】BOM对象——Window对象&History对象&Location 对象的相关文章

HTML5中的History和Location对象

今天发现原来HTML5对History和Location对象进行了改进,提供了几个新的API.我觉得,这用来结合Ajax来使用,弥补Ajax技术更新内容但不产生历史记录的问题,十分有用. 我很久之前就想过通过锚点来解决实现书签和定位,配合iframe使用一些小技巧,还可以实现历史记录的产生.后来发现,原来IE8和其它现代浏览器都大都已经实现了更改锚点来产生历史记录了. 记得,我第一次做的一个相关的小应用是工大在线的翻页书签功能:http://www.gdutonline.com/newstude

BOM之navigator、history、screen对象

navigator对象 [定义] navigator已经成为识别客户端浏览器的事实标准.下表中列出存在于所有浏览器的属性和方法 console.log(window.navigator.userAgent) //chrome:Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/45.0.2454.93 Safari/537.36 //firefox:Mozilla/5.0 (Windo

JavaScript基础--DOM对象(十三):(windows对象:history\location\navigator\screen\event)

DOM编程1.为什么要学习DOM(1) 通过dom编程,我们可以写出各种网页游戏(2)dom编程也是ajax的重要基础2.DOM编程介绍DOM = Document Object Model(文档对象模型)DOM是HTML与XML的应用编程接口(API) BOM和DOM相辅相成的关系BOM为纲,DOM为目,DOM是BOM的具体体现 3.DOM对象 3.1 Windows对象 3.1.1 confirm function test(){ var res= window.confirm("你要删除&

JavaScript 计时器,History 对象(window),Location对象(window),Navigator对象

1,计时器setInterval()  在执行时,从载入页面后每隔指定的时间执行代码. setInterval(代码,交互时间); 2,计时器setTimeout(),在载入后延迟指定时间后,去执行一次表达式,仅执行一次. 递归,就是在运行的过程中调用自己.setTimeout()计时器,在载入后延迟指定时间后,去执行一次表达式,仅执行一次. setTimeout(代码,延迟时间); function startCount() { document.getElementById('count')

JavaScript之DOM-7 Window常用子对象(navigator对象、location对象、history对象、screen对象)

一.navigator对象 navigator对象的作用 - navigator 对象包含有关浏览器的信息 - 常用于获取客户端浏览器和操作系统信息 常用属性和方法 二.location 对象 location 对象的作用 - location 对象包含有关当前 URL 的信息 - 常用于获取和改变当前浏览器的网址 常用属性和方法 三.history对象 history对象的作用 - history对象包含用户(在浏览器窗口中)访问过的URL的历史记录 常用属性和方法 四.screen对象 sc

JavaScript---Bom树的操作,内置方法和内置对象(window对象,location对象,navigator对象,history对象,screen对象)

JavaScript---Bom树的操作,内置方法和内置对象(window对象,location对象,navigator对象,history对象,screen对象) 一丶什么是BOM ???????Bom:Browser Object Model,浏览器对象模型.操作浏览器部分的功能的API(事件/函数). 结构图: ???分析:1.window对象是Bom的顶层对象.所有的对象都是从windom延伸出来的,称其为window子对象. ?????? 2.dom是bom的一部分 ?????? 3.

JavaScript window.location对象

JavaScript window.location对象 示例 注意 方法 经常使用window.location,它的结构总是记不住,简单梳理下,方便以后查询. 示例 URL:http://b.a.com:88/index.php?name=kang&when=2011#first 属性 含义 值 protocol: 协议 "http:" hostname: 服务器的名字 "b.a.com" port: 端口 "88" pathname

javascript之BOM对象(二location对象)

一.location对象提供和当前加载的文档相关的信息还有一些导航功能.location对象是window对象的属性,同时也是document对象的属性.window.location和document.location指向同一个对象. location对象不仅保存着当前文档的信息,还可以将URL解析为独立的字段,可以通过不同的属性访问这些片段. location的所有属性如下 属性名 例子 说明 hash #contents 返回URL中的hash(#号后跟0个或多个字符) host loca

JavaScript学习4:BOM之window对象

BOM也叫做浏览器对象模型,它提供了很多对象,用于访问浏览器的功能.BOM缺少规范,每个浏览器提供商又按照自己的想法去扩展它,那么浏览器共有的对象就成了事实的标准,所以,BOM本身是没有标准的或者说是还没有哪个组织去为它制定标准. 本文我们主要来看BOM中的核心对象:Window对象 Window对象是BOM的核心对象,它表示浏览器的一个实例.Window对象处于JavaScript结构的最顶层(如下图所示),对于每个打开的窗口,系统都会自动为其定义window对象. 1 对象的属性和方法 Wi