介绍3种JavaScript重定向到另一个网页的方法

mac2025-04-13  12

在JavaScript中有好几种方法可以重定向到另一个网页,这个在项目开发中经常会用到,所以不熟悉的童鞋可以学下啦,首先我们介绍有哪些方法?

如何使用JavaScript重定向到其他网页?

使用JavaScript重定向到其他网页的一些方法:

location.href

location.replace()

location.assign()

语法:

location.href="URL"//或者 location.replace("URL")//或者 location.assign("URL")

参数:

接受单个参数的URL,这是必需的。 用于指定新网页的引用。

返回值:

无返回值。

示例1:

使用location.href属性重定向到其他网页: <!DOCTYPE html><html><head><meta charset="UTF-8"></head><body><p>这是<i>location.href</i>方式的示例</p><button onclick="myFunc()">点击这里</button><!--重定向到其他网页的脚本--><script> function myFunc() { window.location.href="https://www.jiangweishan.com"; } </script></body></html>

示例2:

使用location.replace()方法重定向到其他网页: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <p>这是<i>location.replace()</i>方式的示例</p> <button onclick="myFunc()">点击这里</button> <!--重定向到其他网页的脚本--> <script> function myFunc() { location.replace("https://www.jiangweishan.com"); } </script> </body> </html>

示例3:

使用location.assign()方法重定向到其他网页: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <p>这是<i>location.assign()</i>方式的示例</p> <button onclick="myFunc()">点击这里</button> <!--重定向到其他网页的脚本--> <script> function myFunc() { location.assign("https://www.jiangweishan.com"); } </script> </body> </html>

注意:

所有方法的输出都相同,但location.replace()方法从文档历史记录中删除当前文档的URL。 因此,如果希望选项导航回原始文档,最好使用location.assign()方法。

浏览器支持

上述方法的浏览器支持列表:

Google Chrome

Apple Safari

Firefox

Opera

Edge

总结

location.href、location.replace() ,location.assign(),是不是觉得很简单呢? 希望对大家有所帮助吧。
最新回复(0)