JavaScript--History 对象

【JavaScript--History 对象】的更多相关文章

javascript history对象

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

History对象 History对象包含用户(在浏览器窗口中)访问过的URL length: 返回浏览器历史列表中的URL数量(打开浏览器,访问淘宝,返回1,再访问百度,返回2) History对象方法 (打开浏览器,访问淘宝,再访问百度,再访问京东) back(): 加载history列表中的前一个URL(此时在京东页面中执行history.back()跳转到百度页面) forward(): 加载histroy列表中的下一个URL(此时在百度页面中执行history.forward(…

14 JavaScript Window对象

Window对象表示一个浏览器窗口或者一个框架. 在客户端JavaScript中,window对象是全局对象,所有的表达式都在当前的环境中计算. Window对象的子对象: JavaScript document对象 JavaScript frames对象 JavaScript history对象 JavaScript location对象 JavaScript navigator对象 JavaScript screen对象 document:文档对象 history对象: screen显示器对…

使用JavaScript的history对象来实现页面前进后退(go/back/forward)。

我们都知道JavaScript有history对象,主要是用来记录浏览器窗口的浏览记录.但是,JS脚本是不允许访问到这个记录里面的内容(隐私). 常见的用法是: history.back();//返回上一页,相当于浏览器上后退功能. history.forward();//去到下一页,相当于浏览器的前进功能. histoty.go(int);//去到指定的浏览历史记录页面.int是正的时候,就是向前int个历史记录,如果没有那么多,就没有行为.int是负数的时候那么就会向后退int个记录,如果…

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. …

Javascript进阶篇——浏览器对象—History对象

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

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

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

history对象的使用--JavaScript基础

history对象提供与历史清单有关的信息,包含最经访问过的10个网页的URL 1.history对象常用属性 length 返回浏览器历史列表中URL数量 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>history对象的length属性</title></head><body>&…

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

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

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”) 功能…

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

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

javascript深入之location对象和history对象

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

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浏览器对象模型（BOM）之history对象

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

Javascript外部对象

Window 浏览器: - location:地址 - history:历史 - Document:文档 - screen:窗口 - navigator:帮助 > 1.外部对象就是浏览器提供的API -- **BOM** > 2.这些对象由w3c规定,由浏览器开发者设计并开发 > 3.这些对象分为2部分,其中BOM包含了DOM > 4.我们可以通过js访问这些对象 # 外部对象 > BOM (Browser Object Model) 浏览器对象模型,用来访问和操纵浏…

浏览器history对象

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

Javascript BOM对象

BOM是browser object model的缩写,简称浏览器对象模型. window对象(BOM的核心对象) 表示浏览器的一个实例,在浏览器中,window对象有着双重角色,它既是通过Javascript访问浏览器窗口的一个借口,优势ECMAScript规定的Global对象.这意味着在网页定义中的任何一个对象.变量.函数,都以window作为其Global对象,因此有权访问parseInt()等方法. 在全局作用域声明的变量.函数都会变成window对象的属性和方法. 差别:全部变量不能…

JavaScript Window 对象

< JavaScript Window Object > && < IE check > JavaScript Window Object Window.loacation window.loacation 对象在编写时可以不使用window前缀 ocation.hostname 返回 web 主机的域名 location.pathname 返回当前页面的路径和文件名 location.port 返回 web 主机的端口 (80 或 443) location.pr…

javascript - 浏览器对象

Navigator对象弹出窗口 Cookies Browser Objects 参考手册参考手册描述了每个对象的属性和方法,并提供了在线实例. Window 对象 Navigator 对象 Screen 对象 History 对象 Location 对象 Window 对象属性属性描述 closed 返回窗口是否已被关闭. defaultStatus 设置或返回窗口状态栏中的默认文本. document 对 Document 对象的只读引用.(请参阅对象) frames 返回窗口中…

JavaScript BOM对象介绍

bom:即broswer object model(浏览器对象模型),由五个对象组成: Window:对象表示浏览器中打开的窗口最顶层对象. Navigator :浏览器对象. Screen: 屏幕对象 History:浏览器历史对象 Location:地址对象. <!DOCTYPE html> <html> <head> <title>JavaScript BOM对象</title>…

javascript中对象的深度克隆

记录一个常见的面试题,javascript中对象的深度克隆,转载自:http://www.2cto.com/kf/201409/332955.html 今天就聊一下一个常见的笔试.面试题,js中对象的深度克隆.翻了下这个题目,在很多地方出现过,已经算一个老的题目了,但是每年的校招中总会考到,其实想想,这个题目考查的知识点还是蛮多的,尤其是对基础知识的考查.好了,闲话不多说,开始正题. 一.js中的对象谈到对象的克隆,必定要说一下对象的概念. js中的数据类型分为两大类:原始类型和对象类…

location对象及history对象

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

Javascript history pushState onpopstate方法做AJAX SEO

参考MDN: https://developer.mozilla.org/zh-CN/docs/DOM/Manipulating_the_browser_history https://developer.mozilla.org/zh-CN/docs/Mozilla_event_reference/popstate window 对象通过history对象提供对览器历史记录的访问能力.它暴露了一些非常有用的方法和属性,让你在历史记录中自由前进和后退,而在HTML5中,更可以操纵历史记录中的数据.…

javascript浏览器对象

window对象 1.window对象 window对象是BOM的核心,window对象指当前的浏览器窗口所有JS全局对象.函数以及变量均自动成为window对象的成员全局变量是window对象的属性全局函数是window对象的方法甚至HTML DOM中的document也是window对象的属性之一 2.window尺寸(不包含工具栏和滚动条) window.innerHeight 浏览器窗口的内部高度 window.innerWidth 浏览…

Js的History对象

History回顾 window.history表示window对象的历史记录 window.history的简单回顾历史记录中前进/后退,移动到指定历史记录点 window.history.back(); window.history.forward(); windiw.history.go(-1);//相当于back() window.history.go(1);//相当于forwar() window.history.go(0);//相当于刷新 window.history.length…

JavaScript—window对象使用

window对象是JavaScript浏览器对象模型中的顶层对象,包含多个常用方法和属性: 1. 打开新窗口 window.open(pageURL,name,parameters) 其中:pageURL为子窗口路径.name为子窗口句柄.parameters为窗口参数(各参数用逗号分隔) window.open("http://www.cnblogs.com/zhouhb/","open",'height=100,width=400,top=0,left=0,to…

history对象 back() forward() go() 和pushState() replaceState()

History(Window.history对象)对象保存着用户上网的历史记录.处于安全方面的考虑,开发人员无法得知用户浏览过的URL,但是借由用户访问过的页面列表,同样可以在不知道实际URL的情况下实现后退和前进. History对象概况: --------------------------------------------------------------------------------------------------------------------------------…

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…