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

页面跳转小结详解

小云云
发布: 2018-02-22 13:10:24
原创
1291 人浏览过

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

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中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板