成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

Js控制URL

SHERlocked93 / 3386人閱讀

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

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

location.protocol:協(xié)議名

location.username:用戶名

location.password:密碼

location.hostname:主機名

location.port:端口號

location.host:主機名和端口號

location.pathname:路徑

location.search:查詢串

location.hash:書簽名

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

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

解決方案:

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

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

獲得對象的相關(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)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/89296.html

相關(guān)文章

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

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

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

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

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

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

    MadPecker 評論0 收藏0
  • Webpack 項目優(yōu)化雜記

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

    incredible 評論0 收藏0

發(fā)表評論

0條評論

SHERlocked93

|高級講師

TA的文章

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