location.href

admin發表於2018-10-08

此屬性可以返回或者設定當前文件的完整URL。

使用此屬性設定當前的URL，瀏覽器會載入此新URL的內容。

更多內容可以參閱JavaScript location 物件一章節。

語法結構:

[JavaScript] 純文字檢視 複製程式碼
location.href=URL

引數解析:

URL：可選，規定當前文件的URL，省略此引數，就是返回當前文件的完整URL。

瀏覽器支援:

（1）.IE瀏覽器支援此屬性。

（2）.edge瀏覽器支援此屬性。

（3）.谷歌瀏覽器支援此屬性。

（4）.opera瀏覽器支援此屬性。

（5）.火狐瀏覽器支援此屬性。

（6）.safria瀏覽器支援此屬性。

程式碼例項:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script type="text/javascript"> 
window.onload = function () {
  var odiv = document.getElementById("ant");
  odiv.innerHTML = location.href;
}
</script> 
</head> 
<body> 
<div id="ant"></div>
</body> 
</html>

以上程式碼能夠輸出當前頁面的完整的URL。

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script type="text/javascript"> 
window.onload = function () {
  var odiv = document.getElementById("ant");
  location.href = "http://www.softwhy.com";
}
</script> 
</head> 
<body> 
<div id="ant"></div>
</body> 
</html>

以上程式碼可以讓當前頁面載入http://www.softwhy.com連結的內容。

相關文章