【BOM--location对象、history对象】的更多相关文章

JavaScript BOM-11-BOM的核心-window对象; window对象的控制,弹出窗口方法; 超时调用; 间歇调用; location对象常用属性; 位置操作--location.reaplace,location.reload(); BOM中的history对象; Screen对象及其常用属性; Navigator对象;

JavaScript BOM 学习目标 1.掌握什么是BOM 2.掌握BOM的核心-window对象 3.掌握window对象的控制.弹出窗口方法 什么是bom BOM(browser object model)浏览器对象模型 window Window是浏览器的一个实例,在浏览器中,window对象有双重角色,它既是通过JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象 Window对象的方法 语法:window.alert(“content”) 功能…

JS BOM对象 History对象 Location对象

一.BOM对象 BOM(浏览器对象模型),可以对浏览器窗口进行访问和操作 window对象 所有浏览器都支持 window 对象. 概念上讲.一个html文档对应一个window对象. 功能上讲: 控制浏览器窗口的. 使用上讲: window对象不需要创建对象,直接使用即可. //浏览器全局变量windows alert() 显示带有一段消息和一个确认按钮的警告框. confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框. prompt() 显示可提示用户输入的对话框. open()…

BOM函数之history对象

前面的话 history对象保存着用户上网的历史记录,从窗口被打开的那一刻算起.由于安全方面的考虑,开发人员无法得到用户浏览器的URL,但借由用户访问过的页面列表,可以在不知道实际URL的情况下实现后退和前进.本文将详细介绍BOM中的history对象 length history.length属性保存着历史记录的URL数量.初始时,该值为1.如果当前窗口先后访问了三个网址,history.length属性等于3 由于IE10+浏览器在初始时返回2,存在兼容性问题,所以该值并不常用 histor…

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进阶篇——浏览器对象—History对象

History 对象history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能.窗口被打开的那一刻开始记录,每个浏览器窗口.每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联. 语法: window.history.[属性|方法] //window可以省略. History 对象属性 History 对象方法 使用length属性,当前窗口的浏览历史总长度,代码如下: <script type="text/javascri…

JS window对象 History 对象 history对象记录了用户曾经浏览过的页面(URL)，并可以实现浏览器前进与后退相似导航的功能。语法： window.history.[属性|方法]

History 对象 history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能. 注意:从窗口被打开的那一刻开始记录,每个浏览器窗口.每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联. 语法: window.history.[属性|方法] 注意:window可以省略. History 对象属性 History 对象方法 使用length属性,当前窗口的浏览历史总长度,代码如下: <script type="text/j…

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

1.Window对象: 表示浏览器中打开的窗口 setInterval():它有一个返回值,主要是提供给 clearInterval 使用. setTimeout():它有一个返回值,主要是提供给 clearTimeout 使用. clearInterval():该方法只能清除由 setInterval 设置的定时操作. clearTimeout():该方法只能清除由 setTimeout 设置的定时操作. 代码: <script> // //确认弹出框 // confirm("确定…

BOM 3.1 location对象 | history对象 | navigator对象 | 定时器 | 三大系列

JavaScript分三个部分: 1. ECMAScript标准---基本语法 2. DOM--->Document Object Model 文档对象模型,操作页面元素的 3. BOM--->Browser Object Model 浏览器对象模型,操作浏览器的 系统的对话框: alert() //不使用,无法修改样式,在各个浏览器显示效果都不一样prompt() //不使用,无法修改样式,在各个浏览器显示效果都不一样confirm() 有布尔返回值 //不使用,无法修改样式,在各个浏览器显…

JS---BOM基本知识 (顶级对象，系统对话框，加载事件，location对象, history对象, navigator对象)

BOM JavaScript分三个部分: 1. ECMAScript标准---基本语法 2. DOM--->Document Object Model 文档对象模型,操作页面元素的 3. BOM--->Browser Object Model 浏览器对象模型, 操作浏览器的   浏览器中有个 顶级对象 :window----皇上 页面中顶级对象:document-----总管太监 页面中所有的内容都是属于浏览器的,页面中的内容也都是window的 变量是window的     系统对话框 --…

JavaScript浏览器对象模型（BOM）之history对象

history 对象是 window 对象的属性,它保存着用户上网的记录,从窗口被打开的那一刻算起. 一.history对象的属性 可以通过判断 history.length,得到是否有历史记录和记录数. alert(history.length); 二.history对象的方法 function back() { //跳转到前一个 URL history.back(); } function forward() { //跳转到下一个 URL history.forward(); } go()…

JS浏览器对象-History对象

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>uvi</title> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body> <button id=&qu…

分享关于浏览器对象 history对象

window.history.forward() == window.history.go(-1) //返回下一页 window.history.back() == window.history.go(1) //返回上一页 //如果没有 则不会跳转 window.history.go(2) //返回上两页 window.history.go(-2) //返回下两页…

BOM之history对象

前面的话 history对象保存着用户上网的历史记录,从窗口被打开的那一刻算起.由于安全方面的考虑,开发人员无法得到用户浏览器的URL,但借由用户访问过的页面列表,可以在不知道实际URL的情况下实现后退和前进.本文将详细介绍BOM中的history对象 length history.length属性保存着历史记录的URL数量.初始时,该值为1.如果当前窗口先后访问了三个网址,history.length属性等于3 由于IE10+浏览器在初始时返回2,存在兼容性问题,所以该值并不常用 histor…

BOM之history对象(转)

前面的话 history对象保存着用户上网的历史记录,从窗口被打开的那一刻算起.由于安全方面的考虑,开发人员无法得到用户浏览器的URL,但借由用户访问过的页面列表,可以在不知道实际URL的情况下实现后退和前进.本文将详细介绍BOM中的history对象 length history.length属性保存着历史记录的URL数量.初始时,该值为1.如果当前窗口先后访问了三个网址,history.length属性等于3 由于IE10+浏览器在初始时返回2,存在兼容性问题,所以该值并不常用 histor…

Location对象、History对象

Location对象: Window对象的location属性引用的是Location对象,它表示窗口中当前显示的内容的URL,Document对象的location属性也引用Location对象,window.location === document.lacation; //true         Document对象还有一个URL属性,document.URL属性表示文档首次载入后保存该文档的URL的 静态字符串.如果定位到文档中的片段标识符如#tag,location对象会做相应的更新…

javascript深入之location对象和history对象

浏览器的location 和history对象: 一.location对象: 1>location.reload() 相当于按浏览器上的“刷新”(IE)或“Reload”(Netscape)键. 从web服务器上再次装入当前显示的页面. 2>location.replace(url) 打开一个 URL,并替换浏览器历史列表中当前位置的地址.用这个方法打开一个 URL 后,按下浏览器的“后退”键将不能返回到刚才的页面. demo: <body > <span id="…

History对象和location对象

history对象 History对象包含用户在浏览器窗口中访问过的url.不是所有浏览器都支持该对象. 属性length   返回浏览器历史列表中的URL数量. 方法:back() 加载history列表中的前一个URL foward()  加载history列表中的下一个URL go()  加载history列表中的某个具体页面. History对象最初设计来表示窗口的浏览历史,但出于隐私方面的原因,Histroy对象不再允许脚本访问已经访问过的实际URL,唯一保持使用的功能使用back()…

BOM--location对象、history对象

location对象 location 是最有用的BOM 对象之一,它提供了与当前窗口中加载的文档有关的信息,还提供了一些导航功能. 事实上,location 对象是很特别的一个对象,因为它既是window 对象的属性,也是document 对象的属性:换句话说,window.location 和document.location 引用的是同一个对象. location 对象的用处不只表现在它保存着当前文档的信息,还表现在它将URL 解析为独立的片段,让开发人员可以通过不同的属性访问这些片段.…

浏览器history对象

History 对象 history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能. 注意:从窗口被打开的那一刻开始记录,每个浏览器窗口.每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联. 语法: window.history.[属性|方法] 注意:window可以省略. History 对象属性 History 对象方法 使用length属性,当前窗口的浏览历史总长度,代码如下: <script type="text/j…

History 对象

History 对象 History 对象包含用户(在浏览器窗口中)访问过的 URL. History 对象是 window 对象的一部分,可通过 window.history 属性对其进行访问. 注意: 没有应用于History对象的公开标准,不过所有浏览器都支持该对象. History 对象属性 属性 说明 length 返回历史列表中的网址数 History 对象方法 方法 说明 back() 加载 history 列表中的前一个 URL forward() 加载 history 列表中的…

HTML5 History对象，Javascript修改地址栏而不刷新页面

一.History对象 History 对象包含用户(在浏览器窗口中)访问过的 URL. History 对象是 window 对象的一部分,可通过 window.history 属性对其进行访问. 注释:没有应用于 History 对象的公开标准,不过所有浏览器都支持该对象. IE: Internet Explorer, F: Firefox, O: Opera. 1. History 对象属性 属性 描述 IE F O length 返回浏览器历史列表中的 URL 数量. 4 1 9 2. …

浏览器端-W3School-JavaScript：History 对象

ylbtech-浏览器端-W3School-JavaScript:History 对象 1.返回顶部 1. History 对象 History 对象 History 对象包含用户(在浏览器窗口中)访问过的 URL. History 对象是 window 对象的一部分,可通过 window.history 属性对其进行访问. 注释:没有应用于 History 对象的公开标准,不过所有浏览器都支持该对象. History 对象属性 属性 描述 length 返回浏览器历史列表中的 URL 数量.…

location对象及history对象

 history对象 location 是最有用的BOM对象之一,它提供了与当前窗口中加载的文档有关的信息,还提供了一些导航功能.事实上,location 对象是很特别的一个对象,因为它既是window 对象的属性,也是document 对象的属性:换句话说,window.location 和document.location 引用的是同一个对象. 一.所有属性: hash "#contents" 返回URL中的hash(#号后跟零或多个字符),如果URL中不包含散列,则返回空字符串…

《JAVASCRIPT高级程序设计》window/location/navigator/screen/history对象

如果要在web中使用JAVASCRIPT,那么BOM(浏览器对象模型)毫无疑问是最重要的部分.BOM提供了很多对象,例如,window.location.navigator.screen.history对象,下面我们来一一介绍这些对象的相关功能.先从window对象开始,它表示浏览器的一个实例. window对象: 一.全局作用域 window对象在ECMAScript扮演者global对象的角色,因此在全局作用域中声明的变量和函数都会成为window对象的属性和方法:但是通过这两种方式定义的属…

BOM 浏览器对象模型_当前窗口的浏览历史 history 对象

当前窗口的浏览历史 window.history 对象 保存了当前窗口访问过的所有页面网址 由于安全原因,浏览器不允许脚本读取这些地址,但是允许在地址之间导航 history.back() 相当于 history.go(-1) 浏览器工具栏的 “前进” 和 “后退” 按钮,其实就是对 History 对象进行操作 // 当前窗口访问过多少个网页 window.history.length // History 对象的当前状态 // 通常是 undefined,即未设置 window.histor…

Javascript高级编程学习笔记（31）—— BOM（5）screen、history对象

screen对象 screen对象应该是BOM对象中最不常用的对象了 其主要用于提供客户端的显示能力信息 包括浏览器外部显示的信息,和像素的宽高等 这个对象的主要用于检测客户端能力,一般不会影响功能 而且由于,该对象的许多属性基本上都是只读的,所以也没有太多可以操作的空间,毕竟这是由客户端硬件所决定的 下面和昨天一样只例举主流浏览器都支持的属性与方法 详见MDN 1.availHeight 屏幕像素总高度减去系统部件高度的值(即屏幕剩余高度) 2.availWidth 屏幕像素宽度减系统部件宽度…

JavaScript 基础(三) - Date对象，RegExp对象，Math对象，Window 对象，History 对象，Location 对象，DOM 节点

Date对象 创建Date对象 //方法1:不指定参数 var date_obj = new Date(); alert(date_obj.toLocaleString()) //方法2:参数为日期字符串 var date_obj2 = new Date("2019/01/21 15:14"); var date_obj3 = new Date("2019 01 21 15:14"); alert(date_obj2.toLocaleString()); alert…

JavaScript -- 时光流逝（十）：Screen 对象、History 对象、Location 对象

JavaScript -- 知识点回顾篇(十):Screen 对象.History 对象.Location 对象 1. Screen 对象 1.1 Screen 对象的属性 (1) availHeight: 返回屏幕的高度(不包括Windows任务栏)        (2) availWidth: 返回屏幕的宽度(不包括Windows任务栏)        (3) colorDepth: 返回目标设备或缓冲器上的调色板的比特深度        (4) height: 返回屏幕的总高度      …

2016/2/22 1、DOM的基本概念 2、Window对象操作 3、Windows.history对象 4、Window.location对象 5、Window.status对象

1.DOM的基本概念 DOM是文档对象模型,这种模型为树模型:文档是指标签文档:对象是指文档中每个元素:模型是指抽象化的东西. 2.Window对象操作 一.属性和方法: 属性(值或者子对象): opener:打开当前窗口的源窗口,如果当前窗口是首次启动浏览器打开的,则opener是null. dialogArgument:对话框返回值. 子对象:history,location,document,status,menubar,toolbar等. 方法(函数):事件(事先设置好的程序,被触发).…

BOM对象——History

BOM对象--History <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> /* History - 对象可以用来操作浏览器向前或者向后翻页 */ window.onload = function() { var btn = do…