摘要:控制瀏覽器的對(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
摘要:編寫異步代碼可能是一種不同的體驗(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)注我的專欄,之后的博文將在專...
摘要:本地應(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...
摘要:關(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 ...
摘要:入口文件打包出口地址在中可以配置我們的地址這里你要有一個(gè)七牛云的賬戶。特別像是七牛云這樣擁有圖片處理引擎的服務(wù)商,我們還可以通過來處理上傳至的圖片。 本項(xiàng)目源碼均可在 這里 找到。 之前公司的官網(wǎng)項(xiàng)目靜態(tài)文件都是放在靜態(tài)服務(wù)器中,這其中的弊端就不贅述了。簡(jiǎn)單說一下 CDN 的好處: CDN 可以解決因分布、帶寬、服務(wù)器性能帶來的訪問延遲問題,適用于站點(diǎn)加速、點(diǎn)播、直播等場(chǎng)景。使用戶可就...
閱讀 3615·2019-08-30 12:58
閱讀 974·2019-08-29 16:37
閱讀 2884·2019-08-29 16:29
閱讀 3169·2019-08-26 12:18
閱讀 2437·2019-08-26 11:59
閱讀 3476·2019-08-23 18:27
閱讀 2853·2019-08-23 16:43
閱讀 3352·2019-08-23 15:23