溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

使用javascript實(shí)現(xiàn)頁面跳轉(zhuǎn)的案例

發(fā)布時(shí)間：2021-04-09 09:51:27 來源：億速云 閱讀：153 作者：小新 欄目：web開發(fā)

這篇文章主要介紹使用javascript實(shí)現(xiàn)頁面跳轉(zhuǎn)的案例，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

js頁面跳轉(zhuǎn)方法：1、使用“l(fā)ocation.href="URL"”；2、使用“l(fā)ocation.replace("URL")”；3、使用“l(fā)ocation.assign("URL")”；4、使用“window.open("URL")”。

javascript實(shí)現(xiàn)頁面跳轉(zhuǎn)的方法：

1、使用location.href屬性跳轉(zhuǎn)到其他網(wǎng)頁

語法：

location.href="URL";

示例：

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

2、使用location.replace()方法跳轉(zhuǎn)到其他網(wǎng)頁

語法：

location.replace("URL");

示例：

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

3、使用location.assign()方法跳轉(zhuǎn)到其他網(wǎng)頁

語法：

location.assign("URL")

示例：

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

4、使用window.open()方法跳轉(zhuǎn)到其他網(wǎng)頁

語法：

window.open("URL");

示例：

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

以上是“使用javascript實(shí)現(xiàn)頁面跳轉(zhuǎn)的案例”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手