您好,登錄后才能下訂單哦!
這篇文章主要介紹使用javascript實現頁面跳轉的案例,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
js頁面跳轉方法:1、使用“location.href="URL"”;2、使用“location.replace("URL")”;3、使用“location.assign("URL")”;4、使用“window.open("URL")”。
javascript實現頁面跳轉的方法:
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");
示例:
<!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")
示例:
<!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>
4、使用window.open()方法跳轉到其他網頁
語法:
window.open("URL");
示例:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <p>這是<i>window.open()</i>方式的示例</p> <button onclick="myFunc()">點擊這里</button> <!--重定向到其他網頁的腳本--> <script> function myFunc() { window.open("https://www.php.cn"); } </script> </body> </html>
以上是“使用javascript實現頁面跳轉的案例”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。