這篇文章為大家帶來了關於javascript的相關知識,其中主要介紹了window.location物件實現頁面跳轉的相關問題,window.location物件用於獲得當前頁面的位址,並把瀏覽器重新導向到新的頁面,下面一起來看一下,希望對大家有幫助。
【相關推薦:javascript影片教學、web前端】
window.location物件用於取得目前頁面的位址(URL),並將瀏覽器重新導向到新的頁面。
window location 物件在撰寫時可不使用Window這個前綴。一些範例:
#範例
傳回目前頁面的URL:
<script type="text/javascript"> document.write(location.href); </script>
以上程式碼輸出為:
http://127.0.0.1:8848/7.11/new_file.html
#location.pathname屬性回傳URL的路徑名。
範例
傳回目前URL的路徑名稱:
<script type="text/javascript"> document.write(location.pathname); </script>
以上程式碼輸出為:
/7.11/new_file.html
location.assign()方法載入新的文件。
範例
載入一個新的文件:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="button" name="" id="" value="跳转到百度" onclick="newDoc()"/> <script type="text/javascript"> function newDoc(){ window.location.assign('https://www.baidu.com') } </script> </body> </html>
使用javascript實作頁面定時跳轉---location對象
要求實現以下效果:
程式碼實作思路:
編寫定時跳轉的HTML頁面。
取得指定的秒數,並減1寫入頁面。
當秒數大於0時,利用setTimeout()循環倒數。
當秒數小於等於0時,利用location.href跳到指定的URL位址中。
html程式碼:
css程式碼:
js程式碼:
#
實作效果:
【相關推薦:javascript影片教學、web前端】
以上是深入淺析window.location物件實現頁面跳轉的詳細內容。更多資訊請關注PHP中文網其他相關文章!