脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js实现页面跳转

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实现页面跳转的文章就介绍到这了。希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • jQuery插件datepicker 日期连续选择

    jQuery插件datepicker 日期连续选择

    这篇文章主要介绍了jQuery插件datepicker 日期连续选择的方法和示例，有需要的小伙伴可以参考下。
    2015-06-06
  • JS 动态判断PC和手机浏览器实现代码

    JS 动态判断PC和手机浏览器实现代码

    这篇文章主要介绍了JS 动态判断PC和手机浏览器实现代码的相关资料,需要的朋友可以参考下
    2016-09-09
  • options预检请求的前后端解决方式详解

    options预检请求的前后端解决方式详解

    这篇文章主要为大家介绍了options预检请求的前后端解决方式详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2023-04-04
  • js实现快速分享功能(你的文章分享工具)

    js实现快速分享功能(你的文章分享工具)

    这是一款简单易用的文章分享工具，您只需将下面的html代码拷贝到模板中就可以实现文章快速分享功能，具体的实现如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助
    2013-06-06
  • JSON.stringify实例详解以及灵活运用

    JSON.stringify实例详解以及灵活运用

    在向服务器发送数据时一般是字符串,我们可以使用 JSON.stringify()方法将JavaScript对象转换为字符串,下面这篇文章主要给大家介绍了关于JSON.stringify及灵活运用的相关资料,需要的朋友可以参考下
    2022-03-03
  • js 事件的传播机制(实例讲解)

    js 事件的传播机制(实例讲解)

    下面小编就为大家带来一篇js 事件的传播机制(实例讲解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • JS实战篇之收缩菜单表单布局

    JS实战篇之收缩菜单表单布局

    这篇文章主要介绍了JS实战篇之收缩菜单表单布局的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
    2016-12-12
  • 一文详解Webpack中Tapable事件机制

    一文详解Webpack中Tapable事件机制

    Webpack 是前端工程化常用的静态模块打包工具,在合适的时机通过 Webpack 提供的 API 改变输出结果,使 Webpack 可以执行更广泛的任务,拥有更强的构建能力,本文将介绍 Tapable 的基本使用以及底层实现,需要的朋友可以参考下
    2023-11-11
  • JavaScript Event学习第六章 事件的访问

    JavaScript Event学习第六章 事件的访问

    在这一章我会讲解如何去访问一个事件对象。
    2010-02-02
  • js运算精度丢失的2个解决方法

    js运算精度丢失的2个解决方法

    近期在做项目的时候,遇到了一些JS浮点数精度的问题,这个问题其实说大不大,说小不小,下面这篇文章主要给大家介绍了关于js运算精度丢失的2个解决方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-06-06

最新评论