首先熟悉 location 地址信息:
href 属性:用于控制浏览器地址栏,一般用于代码中完成网页跳转或者刷新页面。
<script>
// location对象
// 实现页面的点击跳转,类似超链接功能,比超链接功能强大(可以在跳转页面时 编写逻辑代码实现一些功能)
var _baidu = document.getElementById("baidu")
_baidu.onclick = function(){
// 跳转网页
location.href = "http://www.baidu.com/s?wd=明日战记"
}
// 实现当前网页刷新
var _refresh = document.getElementById("refresh")
_refresh.onclick = function() {
location.href = "#" // 一般这里写的都是当前网页网址
}
</script>
window.history.go(-1)和window.location.go(-1) 虽然都是回到上一页,但是:
window.history.go(-1)是返回上一页
window.location.go(-1)是刷新上一页
history.back(-1):直接返回当前页的上一页,数据全部消息,是个新页面
history.go(-1):也是返回当前页的上一页,不过表单里的数据全部还在
history.back(1) 前进
history.back(-1) 后退
window.location.reload(); //刷新
window.history.go(1); //前进
window.history.go(-1); //返回+刷新
window.history.forward(); //前进
window.history.back(); //返回
他们的区别
- 两个函数都可以用于页面回到上一页, location.go() 需要插件支持
- location.go(-1)回到上一页并且刷新页面
- history.go(-1) ,回到上一页
作者:terry,如若转载,请注明出处:https://www.web176.com/news/frontend/7350.html