国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

HTML-Location摘抄_017

biaoxiaoduan / 1124人閱讀

摘要:摘抄接口表示其鏈接到的對象的位置。所做的修改反映在與之相關(guān)的對象上。方法會觸發(fā)窗口加載并顯示指定的的內(nèi)容。因違反安全規(guī)則導(dǎo)致的賦值失敗,瀏覽器將會拋出類型為的異常。

HTML-Location摘抄

Location 接口表示其鏈接到的對象的位置URL。所做的修改反映在與之相關(guān)的對象上。 DocumentWindow 接口都有這樣一個鏈接的Location,分別通過 Document.locationWindow.location 訪問。

屬性

Location 接口不繼承任何屬性,但是實現(xiàn)了那些來自 URLUtils 的屬性。

Location.href

包含整個URL的一個DOMString

// https://developer.mozilla.org/en-US/docs/Web/API/HTMLHyperlinkElementUtils/href 
console.log(location.href)
// https://developer.mozilla.org/en-US/docs/Web/API/HTMLHyperlinkElementUtils/href
Location.protocol

包含URL對應(yīng)協(xié)議的一個DOMString,最后有一個":"。

// https://developer.mozilla.org/en-US/docs/Web/API/HTMLHyperlinkElementUtils/protocol
console.log(location.protocol)
// https:
Location.host

包含了域名的一個DOMString,可能在該串最后帶有一個":"并跟上URL的端口號。

//https://developer.mozilla.org:4097/en-US/HTMLHyperlinkElementUtils.host
console.log(location.host)
//developer.mozilla.org:4097
Location.hostname

包含URL域名的一個DOMString

// https://developer.mozilla.org/en-US/docs/Web/API/HTMLHyperlinkElementUtils/hostname
console.log(location.hostname)
//developer.mozilla.org
Location.port

包含端口號的一個DOMString

// https://developer.mozilla.org:443/en-US/docs/HTMLHyperlinkElementUtils.port
console.log(location.port)
//"443"
Location.pathname

包含URL中路徑部分的一個DOMString,開頭有一個“/"。

// https://developer.mozilla.org/en-US/docs/Web/API/HTMLHyperlinkElementUtils/pathname
console.log(location.pathname)
// /en-US/docs/Web/API/HTMLHyperlinkElementUtils/pathname
Location.search

包含URL參數(shù)的一個DOMString,開頭有一個“?”。

// https://developer.mozilla.org/en-US/docs/HTMLHyperlinkElementUtils.search?q=123
console.log(location.search)
//?q=123

獲取路由參數(shù)

var anchor = document.getElementById("myAnchor");
var queryString = anchor.search; // Returns:"?q=123"

// Further parsing:
let params = new URLSearchParams(queryString);
let q = parseInt(params.get("q")); // is the number 123

獲取路由參數(shù) 返回一個object

const getUrlPargm = () => {
  const url = location.search; // 獲取url中"?"符后的字串
  const theRequest = new Object();
  if (url.indexOf("?") != -1) {
    const str = url.substr(1);
    let strs = str.split("&");
    for (let i = 0; i < strs.length; i++) {
      theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
    }
  }
  return theRequest;
};

// 獲取指定的URL參數(shù)值
//URL:http://www.baidu.com/index?name=liziceshi
//參數(shù):paramName URL參數(shù)
//調(diào)用方法:getParam("name")
//返回值:liziceshi
function getParam(paramName) {
    paramValue = "", isFound = !1;
    if (this.location.search.indexOf("?") == 0 && this.location.search.indexOf("=") > 1) {
        arrSource = unescape(this.location.search).substring(1, this.location.search.length).split("&"), i = 0;
        while (i < arrSource.length && !isFound) arrSource[i].indexOf("=") > 0 && arrSource[i].split("=")[0].toLowerCase() == paramName.toLowerCase() && (paramValue = arrSource[i].split("=")[1], isFound = !0), i++
    }
    return paramValue == "" && (paramValue = null), paramValue
    

Location.hash

包含塊標(biāo)識符的DOMString,開頭有一個“#”。

//https://developer.mozilla.org/en-US/docs/HTMLHyperlinkElementUtils.href#youhou
console.log(location.hash);
// #youhou
Location.username

包含URL中域名前的用戶名的一個DOMString

//https://anonymous:flabada@developer.mozilla.org/en-US/docs/HTMLHyperlinkElementUtils.username
console.log(location.username);
//anonymous
Location.password

包含URL域名前的密碼的一個 DOMString

// Let"s  be in the document
var anchor = document.getElementByID("myAnchor");
var result = anchor.password; // Returns:"flabada";
Location.origin 只讀

包含頁面來源的域名的標(biāo)準(zhǔn)形式DOMString

如果在沒有首先設(shè)置用戶名屬性的情況下設(shè)置,則會靜默失敗

//https://developer.mozilla.org/en-US/docs/Web/API/HTMLHyperlinkElementUtils/origin
console.log(location.origin)
//https://developer.mozilla.org

來自MDN

var url = document.createElement("a");
url.;
console.log(url.href);      // https://developer.mozilla.org/en-US/search?q=URL#search-results-close-container
console.log(url.protocol);  // https:
console.log(url.host);      // developer.mozilla.org
console.log(url.hostname);  // developer.mozilla.org
console.log(url.port);      // (blank - https assumes port 443)
console.log(url.pathname);  // /en-US/search
console.log(url.search);    // ?q=URL
console.log(url.hash);      // #search-results-close-container
console.log(url.origin);    // https://developer.mozilla.org
方法

Location沒有繼承任何方法,但實現(xiàn)了來自URLUtils的方法。

Location.assign()

加載給定URL的內(nèi)容資源到這個Location對象所關(guān)聯(lián)的對象上。
Location.assign()方法會觸發(fā)窗口加載并顯示指定的URL的內(nèi)容。

如果由于安全原因無法執(zhí)行跳轉(zhuǎn),那么會拋出一個SECURITY_ERROR類型的DOMException。當(dāng)調(diào)用此方法的腳本來源和頁面的Location對象中定義的來源隸屬于不同域的時候,就會拋出上述錯誤。

如果傳入了一個無效的URL,則會拋出一個SYNTAX_ERROR類型的DOMException

// 跳轉(zhuǎn)到Location.reload這篇文章
document.location.assign("https://developer.mozilla.org/zh-CN/docs/Web/API/Location.reload"); 
Location.reload()

重新加載來自當(dāng)前 URL的資源。他有一個特殊的可選參數(shù),類型為 Boolean,該參數(shù)為true時會導(dǎo)致該方法引發(fā)的刷新一定會從服務(wù)器上加載數(shù)據(jù)。如果是 false或沒有制定這個參數(shù),瀏覽器可能從緩存當(dāng)中加載頁面。

Location.reload() 方法用來刷新當(dāng)前頁面。該方法只有一個參數(shù),當(dāng)值為 true 時,將強制瀏覽器從服務(wù)器加載頁面資源,當(dāng)值為 false 或者未傳參時,瀏覽器則可能從緩存中讀取頁面。

該方法在跨域調(diào)用(執(zhí)行該方法的腳本文件的域和 Location 對象所在頁面的跨不同)時,將會拋出 DOMException 異常.

object.reload(forcedReload);
Location.replace()

用給定的URL替換掉當(dāng)前的資源。與 assign()方法不同的是用 replace()替換的新頁面不會被保存在會話的歷史 History中,這意味著用戶將不能用后退按鈕轉(zhuǎn)到該頁面。

Location.replace()方法以給定的URL來替換當(dāng)前的資源。 與assign() 方法 不同的是調(diào)用replace()方法后,當(dāng)前頁面不會保存到會話歷史中(session History),這樣用戶點擊回退按鈕將不會再跳轉(zhuǎn)到該頁面。

因違反安全規(guī)則導(dǎo)致的賦值失敗,瀏覽器將會拋出類型為SECURITY_ERROR的DOMException 異常。當(dāng)調(diào)用該方法的腳本所屬的源與擁有Location對象所屬源不同時,通常情況會發(fā)生這種異常,此時通常該腳本是存在不同的域下。

如果URL不合法,瀏覽器也會拋出SYNTAX_ERROR類型DOMException 的異常。

Location.toString()

返回一個DOMString,包含整個URL。 它和讀取URLUtils.href的效果相同。但是用它是不能夠修改Location的值的。

// Let"s imagine an  element is in the document
var anchor = document.getElementById("myAnchor");
var result = anchor.toString(); // Returns: "https://developer.mozilla.org/en-US/docs/HTMLHyperlinkElementUtils/toString"
https://developer.mozilla.org...

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/102586.html

相關(guān)文章

  • HTML-Location摘抄_017

    摘要:摘抄接口表示其鏈接到的對象的位置。所做的修改反映在與之相關(guān)的對象上。方法會觸發(fā)窗口加載并顯示指定的的內(nèi)容。因違反安全規(guī)則導(dǎo)致的賦值失敗,瀏覽器將會拋出類型為的異常。 HTML-Location摘抄 Location 接口表示其鏈接到的對象的位置URL。所做的修改反映在與之相關(guān)的對象上。 Document 和 Window 接口都有這樣一個鏈接的Location,分別通過 Documen...

    RobinQu 評論0 收藏0
  • 從零開始的webpack生活-0x017:CustomPlugin自定義插件

    摘要:概述上一章講的是其他一些常用的小插件,這一章講的是自定義插件。打包并查看文件更多配置請查閱關(guān)于自定義章節(jié)資源源代碼 0x001 概述 上一章講的是其他一些常用的小插件,這一章講的是自定義插件。 0x002 環(huán)境配置 $ mkdir 0x0016-other-plugin $ cd 0x0016-other-plugin $ npm init -y $ vim webpack.confi...

    springDevBird 評論0 收藏0
  • Java017-正則表達式

    摘要:好處正則的出現(xiàn),對字符串的復(fù)雜操作變得更為簡單。將正則和字符串關(guān)聯(lián)對字符串進行匹配。替換其實用的就是類中的獲取先要將正則表達式編譯成正則對象。用于描述正則表達式,可以對正則表達式進行解析。 定義 其實是用來操作字符串的一些規(guī)則。其實更多是用正則解決字符串操作的問題。 好處 正則的出現(xiàn),對字符串的復(fù)雜操作變得更為簡單。 特點 將對字符串操作的代碼用一些符號來表示。只要使用了指定符號,就可...

    浠ラ箍 評論0 收藏0
  • React入門0x017: 函數(shù)組件

    摘要:概述函數(shù)組件其實就是一個函數(shù),一個函數(shù)。所以可以用來做一些快速的封裝,比如,一個組件的代碼太多,顯得咋亂,又沒有復(fù)雜到需要另起一個組件,可以用函數(shù)組件源碼這是標(biāo)題欄這是導(dǎo)航欄哈哈效果總結(jié)沒有多余的東西,對性能也有所提升哦 0x000 概述 函數(shù)組件其實就是一個函數(shù),一個render函數(shù)。 0x001 栗子 源碼 import React from react import Reac...

    weapon 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<