去评论
推扬网

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

admin
2020/04/11 13:40:24

这篇文章主要介绍了JavaScript编程中window的location与history对象,是JavaScript入门学习中的基础知识,需要的朋友可以参考下

Window Location

Window Location Href

location.href 属性返回当前页面的 URL。
实例
返回（当前页面的）整个 URL：

[code]<script>

document.write(location.href);

</script>


[/code]


Window Location Pathname
location.pathname 属性返回 URL 的路径名。
实例
返回当前 URL 的路径名：

[code]<script>

document.write(location.pathname);

</script>

[/code]

以上代码输出为：

[code]/js/js-window-location.html
[/code]


Window Location Assign
location.assign() 方法加载新的文档。
实例
加载一个新的文档：

[code]<html>
<head>
<script>
function newDoc()
 {
 window.location.assign("http://www.w3cschool.cc")
 }
</script>
</head>
<body>

<input type="button" value="Load new document" onclick="newDoc()">

</body>
</html>

[/code]


Window History
window.history对象在编写时可不使用 window 这个前缀。
为了保护用户隐私，对 JavaScript 访问该对象的方法做出了限制。
一些方法：

Window History Back

history.back() 方法加载历史列表中的前一个 URL。
这与在浏览器中点击后退按钮是相同的：
实例
在页面上创建后退按钮：

[code]<html>
<head>
<script>
function goBack()
 {
 window.history.back()
 }
</script>
</head>
<body>

<input type="button" value="Back" onclick="goBack()">

</body>
</html>

[/code]


Window History Forward
history forward() 方法加载历史列表中的下一个 URL。
这与在浏览器中点击前进按钮是相同的：
实例
在页面上创建一个向前的按钮：

[code]<html>
<head>
<script>
function goForward()
 {
 window.history.forward()
 }
</script>
</head>
<body>

<input type="button" value="Forward" onclick="goForward()">

</body>
</html>
[/code]

进入原文参与互动