js怎么跳转到新页面？

互联网 20-7-18

js跳转到新页面的方法：1、使用location.href="新页面URL"来跳转；2、使用location.replace("新页面URL")来跳转；3、使用location.assign("新页面URL")来跳转。

方法1：使用location.href

语法：

location.href="URL"

<!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.php.cn";           }        </script>     </body>  </html>

方法2：使用location.replace()

语法：

location.replace("URL")

示例：使用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.php.cn");           }        </script>     </body>  </html>

方法3：使用location.assign()

语法：

location.assign("URL")

示例：使用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.php.cn");           }        </script>     </body>  </html>