深入淺析window.location物件實現頁面跳轉

這篇文章為大家帶來了關於javascript的相關知識，其中主要介紹了window.location物件實現頁面跳轉的相關問題，window.location物件用於獲得當前頁面的位址，並把瀏覽器重新導向到新的頁面，下面一起來看一下，希望對大家有幫助。

【相關推薦：javascript影片教學、web前端】

window.location物件用於取得目前頁面的位址（URL），並將瀏覽器重新導向到新的頁面。

window location 物件在撰寫時可不使用Window這個前綴。一些範例：

• location.hostname回傳web主機的網域名稱
• location.pathname傳回目前頁面的路徑和檔名
• location.port回傳web主機的連接埠
• location.protocol傳回所使用的web協定

# window location href

#範例

傳回目前頁面的URL：

<script>
	    document.write(location.href);
</script>

以上程式碼輸出為：

http://127.0.0.1:8848/7.11/new_file.html

window location pathname 

#location.pathname屬性回傳URL的路徑名。

範例

傳回目前URL的路徑名稱：

<script>
		document.write(location.pathname);
</script>

以上程式碼輸出為：

/7.11/new_file.html

window location Assign

location.assign（）方法載入新的文件。

範例

載入一個新的文件：

nbsp;html>

	
		<meta>
		<title></title>
	
	
		<input>
		<script>
			function newDoc(){
				window.location.assign(&#39;https://www.baidu.com&#39;)
			}
		</script>
	

使用javascript實作頁面定時跳轉---location對象

要求實現以下效果：

程式碼實作思路：

• 編寫定時跳轉的HTML頁面。

• 取得指定的秒數，並減1寫入頁面。

• 當秒數大於0時，利用setTimeout()循環倒數。

• 當秒數小於等於0時，利用location.href跳到指定的URL位址中。

 實作程式碼如下：

 html程式碼：

css程式碼：

js程式碼：

# 

實作效果：

 

 

【相關推薦：javascript影片教學、web前端】

以上是深入淺析window.location物件實現頁面跳轉的詳細內容。更多資訊請關注PHP中文網其他相關文章！