亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

Js控制URL

SHERlocked93 / 3432人閱讀

摘要:控制瀏覽器的對(duì)象擁有很多方便的屬性用于獲取當(dāng)前的組成部分協(xié)議名用戶名密碼主機(jī)名端口號(hào)主機(jī)名和端口號(hào)路徑查詢串書簽名在較新未測(cè)試,估計(jì)是支持跨域之后的瀏覽器中,還有協(xié)議名主機(jī)名和端口號(hào)可以使用。將該對(duì)象的設(shè)置為要解析的。

Js控制URL 瀏覽器的location對(duì)象擁有很多方便的屬性用于獲取當(dāng)前URL的組成部分:

location.protocol:協(xié)議名

location.username:用戶名

location.password:密碼

location.hostname:主機(jī)名

location.port:端口號(hào)

location.host:主機(jī)名和端口號(hào)

location.pathname:路徑

location.search:查詢串

location.hash:書簽名

在較新(未測(cè)試,估計(jì)是支持跨域XHR之后的)瀏覽器中,還有

location.origin:協(xié)議名、主機(jī)名和端口號(hào)
可以使用。

解決方案:

構(gòu)造一個(gè)HTMLAnchorElement(或者HTMLAreaElement)對(duì)象。

將該對(duì)象的href設(shè)置為要解析的URL。

獲得對(duì)象的相關(guān)屬性。

HTML




JS

function parseURL(url) {
    var anchor = document.createElement("a")
    var undefined = void 0
    var parts = {
        protocol: undefined,
        host: undefined,
        port: undefined,
        hostname: undefined,
        pathname: undefined,
        search: undefined,
        hash: undefined
    }
    anchor.href = url
    for (var key in parts) {
        parts[key] = anchor[key]
    }
    return parts
}

document.getElementById("parse").onclick = function () {
    var parts = parseURL(document.getElementById("url").value)
    var text = ""
    for (var key in parts) {
        text += key + ": " + parts[key] + "
"
    }
    document.getElementById("result").innerText = text
}
location.origin兼容IE (IE11+才有origin屬性)
if (window["context"] == undefined) {  
    if (!window.location.origin) {  
        window.location.origin = window.location.protocol + "http://" + window.location.hostname +   
        (window.location.port ? ":" + window.location.port: "");  
    }  
    window["context"] = location.origin+"/V6.0";  
}  

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

轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/89296.html

相關(guān)文章

  • 《Node.js設(shè)計(jì)模式》基于回調(diào)的異步控制

    摘要:編寫異步代碼可能是一種不同的體驗(yàn),尤其是對(duì)異步控制流而言?;卣{(diào)函數(shù)的準(zhǔn)則在編寫異步代碼時(shí),要記住的第一個(gè)規(guī)則是在定義回調(diào)時(shí)不要濫用閉包。為回調(diào)創(chuàng)建命名函數(shù),避免使用閉包,并將中間結(jié)果作為參數(shù)傳遞。 本系列文章為《Node.js Design Patterns Second Edition》的原文翻譯和讀書筆記,在GitHub連載更新,同步翻譯版鏈接。 歡迎關(guān)注我的專欄,之后的博文將在專...

    Chiclaim 評(píng)論0 收藏0
  • Sentry前端部署拓展篇(sourcemap關(guān)聯(lián)、issue關(guān)聯(lián)、release控制

    摘要:本地應(yīng)用回到前端項(xiàng)目中,在添加對(duì)應(yīng)的,指定版本后,每次上報(bào)的異常就會(huì)分類到該版本下。管理目前來說,前端項(xiàng)目基本都會(huì)壓縮混淆代碼,這樣導(dǎo)致捕捉到的異常堆棧無法理解。下篇打算寫一下前端異常監(jiān)控的分類,也就是需要監(jiān)控哪些異常,敬請(qǐng)期待 原文首發(fā)于我的個(gè)人博客: https://lonhon.top/ 之前的《基礎(chǔ)篇》主要介紹了Sentry和基本部署流程,在實(shí)際使用過程中你會(huì)發(fā)現(xiàn)Sentr...

    Bamboy 評(píng)論0 收藏0
  • 【Chrome擴(kuò)展開發(fā)】定制HTTP請(qǐng)求響應(yīng)頭域

    摘要:關(guān)于我的博客掘金專欄路易斯專欄原文鏈接擴(kuò)展開發(fā)定制請(qǐng)求響應(yīng)頭域本文共字,閱讀需分鐘。那么,我會(huì)放棄嗎反向代理顯然不會(huì),既然問題出在上,我去掉就行了。然而無論多少次的學(xué)習(xí)和模仿,最終的目的還是為了使用,故開發(fā)一款定制請(qǐng)求的勢(shì)在必行。 本文首發(fā)于《程序員》雜志2017年第9、10、11期,下面的版本又經(jīng)過進(jìn)一步的修訂。 關(guān)于 Github:IHeader 我的博客:louis blog ...

    MadPecker 評(píng)論0 收藏0
  • Webpack 項(xiàng)目?jī)?yōu)化雜記

    摘要:入口文件打包出口地址在中可以配置我們的地址這里你要有一個(gè)七牛云的賬戶。特別像是七牛云這樣擁有圖片處理引擎的服務(wù)商,我們還可以通過來處理上傳至的圖片。 本項(xiàng)目源碼均可在 這里 找到。 之前公司的官網(wǎng)項(xiàng)目靜態(tài)文件都是放在靜態(tài)服務(wù)器中,這其中的弊端就不贅述了。簡(jiǎn)單說一下 CDN 的好處: CDN 可以解決因分布、帶寬、服務(wù)器性能帶來的訪問延遲問題,適用于站點(diǎn)加速、點(diǎn)播、直播等場(chǎng)景。使用戶可就...

    incredible 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<