本文主要介绍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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。