javascript跳转代码

在Web开发中，JavaScript（JS）提供了多种方法来实现页面间的跳转，以下是一些常见的JS跳转代码及其介绍：

创新互联建站坚持“要么做到，要么别承诺”的工作理念，服务领域包括：网站制作、成都网站建设、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的博兴网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

1、使用 window.location 对象

window.location.href: 通过设置 window.location.href 属性，可以导航到新的URL。

“`js

window.location.href = "http://www.example.com";

“`

window.location.replace(): 此方法会替换当前历史记录中的URL，而不是在历史记录中添加新的条目。

“`js

window.location.replace("http://www.example.com");

“`

window.location.assign(): 此方法会在历史记录中添加新的URL。

“`js

window.location.assign("http://www.example.com");

“`

2、使用 document.location 对象

document.location 是 window.location 的别名，同样可以实现页面跳转。

“`js

document.location = "http://www.example.com";

“`

3、使用 window.open() 方法打开新窗口或新标签页

window.open() 可以用来在新窗口或者新的浏览器标签页中打开一个指定的URL。

“`js

window.open("http://www.example.com", "_blank");

“`

4、使用 window.navigate() 方法

注意：window.navigate() 不是标准的JS方法，它仅在某些旧版IE浏览器中可用，不推荐使用。

5、使用HTML的标签进行刷新或重定向

虽然这不是纯JS代码，但可以在JS中动态生成标签来实现页面跳转。

“`html

“`

在JS中可以这样实现：

“`js

var meta = document.createElement(‘meta’);

meta.httpEquiv = "Refresh";

meta.content = "0; URL=http://www.example.com";

document.getElementsByTagName(‘head’)[0].appendChild(meta);

“`

6、使用 window.history 对象进行历史记录操作

window.history.back(): 返回上一页。

window.history.forward(): 进入下一页。

window.history.go(): 跳转到历史记录中的某一页，参数为相对当前页的位置偏移量。