,,JavaScript编程中window的location与history对象详解

,,JavaScript编程中window的location与history对象详解

本文主要介绍JavaScript编程中窗口的位置和历史对象,这是JavaScript入门学习的基础知识。有需要的朋友可以参考一下。

Window Location

window.location对象用于获取当前页面的地址(URL)并将浏览器重定向到新页面。

window.location对象可以在没有前缀window的情况下编写。一些例子:

一些例子:

Location.hostname返回web主机的域名。

Location.pathname返回当前页面的路径和文件名。

Location.port返回web主机的端口(80或443)

Location.protocol返回使用的web协议(http://或https://)

窗口位置Href

location.href属性返回当前页面的URL。

例子

返回(当前页面的)完整URL:

脚本

document . write(location . href);

/脚本

窗口位置路径名

location.pathname属性返回URL的路径名。

例子

返回当前URL的路径名:

脚本

document.write(位置.路径名);

/脚本

上面的代码输出是:

/js/js-window-location.html

窗口位置分配

location.assign()方法加载新文档。

例子

加载新文档:

超文本标记语言

脚本

函数newDoc()

{

window . location . assign(' http://www . W3C school . cc ')

}

/脚本

/头

身体

输入type=' button ' value=' Load new document ' onclick=' new doc()'

/body

/html

窗口历史

window.history对象可以在没有前缀window的情况下写入。

为了保护用户的隐私,限制了JavaScript访问这个对象的方法。

一些方法:

history . back()-与单击浏览器中的后退按钮相同

history . forward()-与在浏览器中单击前进按钮相同。

窗口历史后退

history.back()方法加载历史列表中的前一个URL。

这与单击浏览器中的后退按钮相同:

例子

在页面上创建后退按钮:

超文本标记语言

脚本

函数goBack()

{

window.history.back()

}

/脚本

/头

身体

input type=' button ' value=' Back ' onclick=' go Back()'

/body

/html

窗口历史向前

history forward()方法加载历史列表中的下一个URL。

这与单击浏览器中的前进按钮相同:

例子

在页面上创建前进按钮:

超文本标记语言

脚本

函数goForward()

{

window.history.forward()

}

/脚本

/头

身体

input type=' button ' value=' Forward ' onclick=' go Forward()'

/body

/html

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: