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

資訊專欄INFORMATION COLUMN

Js控制URL

SHERlocked93 / 3384人閱讀

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

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

</>復制代碼

  1. location.protocol:協議名

  2. location.username:用戶名

  3. location.password:密碼

  4. location.hostname:主機名

  5. location.port:端口號

  6. location.host:主機名和端口號

  7. location.pathname:路徑

  8. location.search:查詢串

  9. location.hash:書簽名

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

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

解決方案:

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

將該對象的href設置為要解析的URL。

獲得對象的相關屬性。

HTML

</>復制代碼

  1. </>復制代碼

JS

</>復制代碼

  1. function parseURL(url) {
  2. var anchor = document.createElement("a")
  3. var undefined = void 0
  4. var parts = {
  5. protocol: undefined,
  6. host: undefined,
  7. port: undefined,
  8. hostname: undefined,
  9. pathname: undefined,
  10. search: undefined,
  11. hash: undefined
  12. }
  13. anchor.href = url
  14. for (var key in parts) {
  15. parts[key] = anchor[key]
  16. }
  17. return parts
  18. }
  19. document.getElementById("parse").onclick = function () {
  20. var parts = parseURL(document.getElementById("url").value)
  21. var text = ""
  22. for (var key in parts) {
  23. text += key + ": " + parts[key] + "
  24. "
  25. }
  26. document.getElementById("result").innerText = text
  27. }
location.origin兼容IE (IE11+才有origin屬性)

</>復制代碼

  1. if (window["context"] == undefined) {
  2. if (!window.location.origin) {
  3. window.location.origin = window.location.protocol + "http://" + window.location.hostname +
  4. (window.location.port ? ":" + window.location.port: "");
  5. }
  6. window["context"] = location.origin+"/V6.0";
  7. }

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/89296.html

相關文章

  • 《Node.js設計模式》基于回調的異步控制

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

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

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

    Bamboy 評論0 收藏0
  • 【Chrome擴展開發】定制HTTP請求響應頭域

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

    MadPecker 評論0 收藏0
  • Webpack 項目優化雜記

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

    incredible 評論0 收藏0

發表評論

0條評論

SHERlocked93

|高級講師

TA的文章

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