當(dāng)前位置：首頁(yè) > 编程资源 > 综合教程 >内容正文

综合教程

js怎么跳转到新页面？

發(fā)布時(shí)間：2023/12/29 综合教程 36 生活家

生活随笔收集整理的這篇文章主要介紹了 js怎么跳转到新页面？小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

方法1：使用location.href

語(yǔ)法：


location.href="URL"

登錄后復(fù)制

示例


<!DOCTYPE html>
<html>
    <head>
		<meta charset="UTF-8">
    </head> 
    <body> 
      <p>這是<i>location.href</i>方式的示例</p> 
      <button onclick="myFunc()">點(diǎn)擊這里</button> 
        
      <!--重定向到其他網(wǎng)頁(yè)的腳本-->   
      <script> 
         function myFunc() { 
           window.location.href="https://www.php.cn"; 
         } 
      </script> 
   </body> 
</html>

登錄后復(fù)制

方法2：使用location.replace()

語(yǔ)法：


location.replace("URL")

登錄后復(fù)制

示例：使用location.replace()方法跳轉(zhuǎn)到其他網(wǎng)頁(yè)


<!DOCTYPE html>
<html>
    <head>
		<meta charset="UTF-8">
    </head> 
    <body> 
      <p>這是<i>location.replace()</i>方式的示例</p> 
      <button onclick="myFunc()">點(diǎn)擊這里</button> 
        
      <!--重定向到其他網(wǎng)頁(yè)的腳本-->   
      <script> 
         function myFunc() { 
          location.replace("https://www.php.cn"); 
         } 
      </script> 
   </body> 
</html>

登錄后復(fù)制

方法3：使用location.assign()

語(yǔ)法：


location.assign("URL")

登錄后復(fù)制

示例：使用location.assign()方法跳轉(zhuǎn)到其他網(wǎng)頁(yè)


<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
    </head> 
    <body> 
      <p>這是<i>location.assign()</i>方式的示例</p> 
      <button onclick="myFunc()">點(diǎn)擊這里</button> 
        
      <!--重定向到其他網(wǎng)頁(yè)的腳本-->   
      <script> 
         function myFunc() { 
          location.assign("https://www.php.cn"); 
         } 
      </script> 
   </body> 
</html>

登錄后復(fù)制

推薦教程：《JavaScript視頻教程》

以上就是js怎么跳轉(zhuǎn)到新頁(yè)面？的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注風(fēng)君子博客其它相關(guān)文章！

總結(jié)

以上是生活随笔為你收集整理的js怎么跳转到新页面？的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。