首页 >web前端 >js教程 >页面跳转小结详解

页面跳转小结详解

小云云
小云云原创
2018-02-22 13:10:241270浏览

本文主要和大家分享页面跳转小结详解,希望能帮助大家更好掌握页面跳转知识。

HTML标签

一般形式上可以用<a></a><button></button><input/>

<a href="链接">GO</a>
<button onclick="window.location.href=&#39;链接&#39;">GO</button>
<input type="button" value="GO" onclick="location.href=&#39;链接&#39;">

JS跳转页面代码

本页跳转

window.location.href = '链接';
window.location = '链接';
location.href = '链接';
location = '链接';
top.location = '链接';

新页跳转

window.open('链接');
open('链接');

或者在HTML标签中添加target="_blank":

<a href="链接" target="_blank">GO</a>

历史跳转

<a href="history.go(-1)">返回上一步</a>
<a href="window.history.back()">返回上一步</a>

相关推荐:

微信小程序页面跳转事件绑定实例详解

Router解决跨模块下的页面跳转

微信小程点击文字实现页面跳转功能的方法

以上是页面跳转小结详解的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn