一般来说页面的跳转可以通过a标签来进行，但是在某些情况下页面只是写了button或者其他的标签，这时我们就需要通过其他方式来实现页面的跳转。本文主要和大家分享常用的js页面跳转代码，希望能帮助到大家。
解决方案：
方式一：Location 对象
type=”text/javascript”>
//assign() 方法可加载一个新的文档。
functionnewDoc(){
window.location.assign(“http://www.souvc.com/”);
}
//reload() 方法用于重新加载当前文档。这与用户单击浏览器的刷新按钮的效果是完全一样的。
functionreloadPage(){
window.location.reload();
}
//replace() 方法不会在 History 对象中生成一个新的记录。当使用该方法时，新的 URL 将覆盖 History 对象中的当前记录。
functionreplaceDoc(){
window.location.replace(“http://www.souvc.com”);
}
functionlocationHref(){
window.location.href(“http://www.souvc.com”);
}
测试源代码：
//assign() 方法可加载一个新的文档。 function newDoc(){ window.location.assign("http://www.souvc.com/"); } //reload() 方法用于重新加载当前文档。这与用户单击浏览器的刷新按钮的效果是完全一样的。 function reloadPage(){ window.location.reload(); } //replace() 方法不会在 History 对象中生成一个新的记录。当使用该方法时，新的 URL 将覆盖 History 对象中的当前记录。 function replaceDoc(){ window.location.replace("http://www.souvc.com"); } function locationHref(){ window.location.href("http://www.w3school.com.cn/"); }
登录后复制
方式二：History对象
type=”text/javascript”>
//back() 方法可加载历史列表中的前一个 URL（如果存在）。
//调用该方法的效果等价于点击后退按钮或调用 history.go(-1)。
functiongoBack()
{
window.history.back();
}
//forward() 方法可加载历史列表中的下一个 URL。
//调用该方法的效果等价于点击前进按钮或调用 history.go(1)。
functiongoForward()
{
window.history.forward();
}
//go() 方法可加载历史列表中的某个具体的页面。history.go(number|URL)
//URL 参数使用的是要访问的 URL，或 URL 的子串。而 number 参数使用的是要访问的 URL 在 History 的 URL 列表中的相对位置。
functiongoBack2()
{
window.history.go(-1);
}
方式三：其他对象
2
3
4
5
6
7
8
9
10
11
12
13
14
15
href=”javascript:history.go(-1)”>返回上一步
href=”javascript:”onClick=”window.open
(‘http://www.souvc.com/’,”,’height=500,width=611,scrollbars=yes,status=yes’)”>souvc
self.location=’http://www.souvc.com/’;
top.location=’http://www.souvc.com/’;
window.navigate(“top.jsp”);
2
3
4
5
6
7
8
9
10
11
12
13
14
15
href=”javascript:history.go(-1)”>返回上一步
href=”javascript:”onClick=”window.open
(‘http://www.souvc.com/’,”,’height=500,width=611,scrollbars=yes,status=yes’)”>souvc
self.location=’http://www.souvc.com/’;
top.location=’http://www.souvc.com/’;
window.navigate(“top.jsp”);
以上就是常用的js页面跳转代码的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2778367.html
