您的位置：首页 > Web前端 > JavaScript

JavaScript location.replace() 方法：加载一个新文档（页面）替换当前文档

2015-11-27 13:27 519 查看

JavaScript location.replace() 方法

Location 对象的 replace() 方法用于重新加载当前文档（页面），语法如下：
location.replace( new_URL )

location.replace() 实例

该例子通过 location.replace() 方法加载一个新的页面来替换当前页面。
<html>

<script type="text/javascript">

function setReplace(){
window.location.replace( "http://www.baidu.com" );
}

</script>

<body>
<button onclick="setReplace()">加载新页面</button>
</body>
</html>


运行该例子，点击 加载新页面 的按钮，触发 setReplace() 函数，浏览器将加载百度首页以替换当前页面。

location.replace() 与 location.reload() 的区别

location.reload() 方法用于刷新当前页面，如果有 POST 数据提交，则会重新提交数据；location.reload() 则将新的页面以替换当前页面，它是从服务器端重新获取新的页面，不会读取客户端缓存且新的
URL 将覆盖 History 对象中的当前纪录（不可通过后退按钮返回原先的页面）。

如果想要刷新当前的页面，又避免 POST 数据提交，可以使用：
window.location.replace( location.href );


本章节内容共分 12 部分：

1. JavaScript Location 对象：获取或设置当前的 URL 信息
2. JavaScript location.hash 属性：设置或取得当前 URL 中的锚
3. JavaScript location.host 属性：设置或取得当前 URL 的主机名称和端口号
4. JavaScript location.hostname 属性：设置或取得当前 URL 的主机名
5. JavaScript location.href 属性：设置或取得当前完整的 URL（页面跳转）
6. JavaScript location.pathname 属性：设置或取得当前 URL 的路径部分
7. JavaScript location.port 属性：设置或取得当前 URL 的端口
8. JavaScript location.protocol 属性：设置或取得当前 URL 的协议
9. JavaScript location.search 属性：设置或取得当前 URL 的查询字串
10. JavaScript location.assign() 方法：加载一个新的文档
11. JavaScript location.reload() 方法：重新加载当前文档（刷新页面）
12. JavaScript location.replace() 方法：加载一个新文档（页面）替换当前文档
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航