Location href 屬性

JavaScript Location  對象

href屬性設(shè)置或返回當前頁面的完整URL。

語法:

返回href屬性:

location.href

設(shè)置href屬性:

location.href = URL
var x = location.href;
document.querySelector("#output").innerHTML = x;
測試看看?/?

瀏覽器兼容性

所有瀏覽器都完全支持href屬性:

屬性
href

屬性值

描述
URL字符串,指定鏈接的URL。
可能的值:
  • 絕對URL-絕對路徑是從文件系統(tǒng)根目錄開始的路徑。它始終包含文件的完整URL(例如href="/html/")

  • 相對網(wǎng)址 -指向網(wǎng)站中的文件(例如href="/ html /")

  • 錨點URL-指向頁面內(nèi)的錨點(例如location.href ="#empty_element")

  • 新協(xié)議 -指定其他協(xié)議(例如
    location.href="ftp://myftpserver.com",
    location.href="mailto:someone@example.com"
    或location.href="file:// host / path /example.txt")

技術(shù)細節(jié)

返回值:一個字符串,表示頁面的整個URL,包括協(xié)議(例如https://)

更多示例

將href值設(shè)置為指向另一個網(wǎng)站:

location.href = "";
測試看看?/?

將href值設(shè)置為指向頁面內(nèi)的錨點:

location.href = "#top";
測試看看?/?

此示例顯示所有位置屬性:

var txt = "";
txt += "<p>Host: " + location.host + "</p>";
txt += "<p>Hostname: " + location.hostname + "</p>";
txt += "<p>Href: " + location.href + "</p>";
txt += "<p>Origin: " + location.origin + "</p>";
txt += "<p>Pathname: " + location.pathname + "</p>";
txt += "<p>Protocol: " + location.protocol + "</p>";
txt += "<p>Search: " + location.search + "</p>";
document.write(txt);
測試看看?/?

相關(guān)參考

位置參考:location.host屬性

位置參考:location.hostname屬性

位置參考:location.pathname屬性

位置參考:location.protocol屬性

JavaScript Location  對象

丰满人妻一级特黄a大片,午夜无码免费福利一级,欧美亚洲精品在线,国产婷婷成人久久Av免费高清