JavaScript实现页面跳转的八种方式
更新时间:2022年06月24日 15:49:15 作者:小旭2021
这篇文章介绍了JavaScript实现页面跳转的八种方式,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
整理一下JavaScript八种跳转方式,欢迎评论补充!
第一种方法:
<script> window.location.replace('http://www.cnblogs.com/chenyablog') </script>
第二种方法:
<script> window.location = 'http://www.cnblogs.com/chenyablog' </script>
第三种方法:
<script> document.location.href = 'http://www.cnblogs.com/chenyablog' </script>
第四种方法:
history对象的go()方法
<a href='javascript:history.go(-1)' rel='返回上一步'>返回上一步</a>
history对象的back()方法
<a href='javascript:history.back()' rel='返回上一步'>返回上一步</a>
第五种方法:
<script> top.location = 'http://www.cnblogs.com/chenyablog' </script>
第六种方法:
meta方式实现跳转(content = 3 单位是秒)
<meta http-equiv=refresh content=3;url="http://www.cnblogs.com/chenyablog">
第七种方法:
window.navigate('http://www.cnblogs.com/chenyablog')
第八种方法:
self.location = 'http://www.cnblogs.com/chenyablog'
到此这篇关于JavaScript实现页面跳转的文章就介绍到这了。希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
相关文章
javascript设计模式 – 状态模式原理与用法实例分析
这篇文章主要介绍了javascript设计模式 – 状态模式,结合实例形式分析了javascript状态模式相关概念、原理、用法及操作注意事项,需要的朋友可以参考下2020-04-04使用bootstrapValidator插件进行动态添加表单元素并校验
动态添加表单元素,并调用bootstrapValidator的方法为表单添加校验规则,调用addField()方法实现功能。下面通过本文看下具体实现方法吧2016-09-09JavaScript.The.Good.Parts阅读笔记(一)假值与===运算符
JavaScript 假值与===运算符,学习js的朋友可以看下。2010-11-11
最新评论