資訊專(zhuān)欄INFORMATION COLUMN
摘要：端口的端口號(hào)位于域名后面，用冒號(hào)分隔例如。大多數(shù)網(wǎng)址都沒(méi)有端口號(hào)，這種情況非常罕見(jiàn)。但通常域名默認(rèn)為一個(gè)特定端口，因此不需要端口號(hào)。它基本上是整個(gè)，直到端口號(hào)結(jié)束，如果沒(méi)有端口號(hào)，到主機(jī)名結(jié)束。
在 Web 開(kāi)發(fā)中，有許多情況需要解析 URL,這篇主要學(xué)習(xí)如何使用 URL 對(duì)象實(shí)現(xiàn)這一點(diǎn)。
想閱讀更多優(yōu)質(zhì)文章請(qǐng)猛戳GitHub博客,一年百來(lái)篇優(yōu)質(zhì)文章等著你！
開(kāi)始創(chuàng)建一個(gè)以下內(nèi)容的 HTML 文件，并在瀏覽器中打開(kāi)。
JavaScript URL parsing
如果你想嘗試本文中的任何內(nèi)容，可以將其放在
URL 是統(tǒng)一資源定位符，對(duì)可以從互聯(lián)網(wǎng)上得到的資源的位置和訪問(wèn)方法的一種簡(jiǎn)潔的表示，是互聯(lián)網(wǎng)上標(biāo)準(zhǔn)資源的地址?；ヂ?lián)網(wǎng)上的每個(gè)文件都有一個(gè)唯一的 URL，它包含的信息指出文件的位置以及瀏覽器應(yīng)該怎么處理它。
此外，如果你不熟悉基本 URL 路徑的工作方式，可以查看此文學(xué)習(xí)。
URL 不都長(zhǎng)的一樣的獲取當(dāng)前URL這是一個(gè)快速提醒 - 有時(shí) URL 可能非常奇怪，如下：
https://example.com:1234/page/?a=b
http://localhost/page.html
https://154.23.54.156/page?x=...
file:///Users/username/folder/file.png
獲取當(dāng)前頁(yè)面的 URL 非常簡(jiǎn)單 - 我們可以使用 window.location。
試著把這個(gè)添加到我們形如寫(xiě)的的腳本中:
console.log(window.location);
查看瀏覽器的控制臺(tái)：
不是你想要的?這是因?yàn)樗环祷啬阍跒g覽器中看到的實(shí)際 URL 地址——它返回的是一個(gè) URL 對(duì)象。使用這個(gè) URL 對(duì)象，我們可以解析 URL 的不同部分，接下來(lái)就會(huì)講到。
創(chuàng)建 URL 對(duì)象很快就會(huì)看到，可以使用 URL 對(duì)象來(lái)了解 URL 的不同部分。如果你想對(duì)任何 URL 執(zhí)行此操作，而不僅僅是當(dāng)前頁(yè)面的 URL，該怎么辦？ 我們可以通過(guò)創(chuàng)建一個(gè)新的 URL 對(duì)象來(lái)實(shí)現(xiàn)。 以下是如何創(chuàng)建一個(gè)：
var myURL = new URL("https://example.com");
就這么簡(jiǎn)單！ 可以打印 myURL 來(lái)查看 myURL 的內(nèi)容：
console.log(myURL);
出于本文的目的，將 myURL 設(shè)置為這個(gè)值：
var myURL = new URL("https://example.com:4000/folder/page.html?x=y&a=b#section-2")
將其復(fù)制并粘貼到
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/102069.html
摘要：使用方法編譯模板并根據(jù)所給的數(shù)據(jù)立即渲染出結(jié)果僅編譯模版暫不渲染，它會(huì)返回一個(gè)可重用的編譯后的函數(shù)根據(jù)給定的數(shù)據(jù)，對(duì)之前編譯好的模板進(jìn)行數(shù)據(jù)渲染參考資料模板引擎概述 js模版引擎介紹 JavaScript 模板是將 HTML 結(jié)構(gòu)從包含它們的內(nèi)容中分離的方法。模板系統(tǒng)通常會(huì)引入一些新語(yǔ)法，但通常是非常簡(jiǎn)單的，一個(gè)要注意的有趣的點(diǎn)是，替換標(biāo)記通常是由雙花括號(hào)({ {……} })表示，這也...
摘要：對(duì)于性能來(lái)說(shuō)真的非常糟糕。的推出使網(wǎng)頁(yè)性能提高了大約，所有這些都不需要開(kāi)發(fā)人員參與。這意味著和中的存在錯(cuò)誤。將放在中這個(gè)最終策略是一個(gè)相對(duì)較新的策略，對(duì)感知性能和漸進(jìn)式渲染有很大好處。 CSS對(duì)于呈現(xiàn)頁(yè)面至關(guān)重要 - 在找到，下載和解析所有CSS之前，瀏覽器不會(huì)開(kāi)始呈現(xiàn) - 因此我們必須盡可能快地將其加載到用戶(hù)的設(shè)備上。 關(guān)鍵路徑上的任何延遲都會(huì)影響我們的開(kāi)始渲染并讓用戶(hù)看到空白屏幕。...
摘要：對(duì)于性能來(lái)說(shuō)真的非常糟糕。的推出使網(wǎng)頁(yè)性能提高了大約，所有這些都不需要開(kāi)發(fā)人員參與。這意味著和中的存在錯(cuò)誤。將放在中這個(gè)最終策略是一個(gè)相對(duì)較新的策略，對(duì)感知性能和漸進(jìn)式渲染有很大好處。 CSS對(duì)于呈現(xiàn)頁(yè)面至關(guān)重要 - 在找到，下載和解析所有CSS之前，瀏覽器不會(huì)開(kāi)始呈現(xiàn) - 因此我們必須盡可能快地將其加載到用戶(hù)的設(shè)備上。 關(guān)鍵路徑上的任何延遲都會(huì)影響我們的開(kāi)始渲染并讓用戶(hù)看到空白屏幕。...
摘要：示例攻擊如何進(jìn)行下圖展示了攻擊者如何進(jìn)行攻擊攻擊者利用網(wǎng)站的表單插入惡意字符串到網(wǎng)站數(shù)據(jù)庫(kù)中。恰恰相反，至少有兩種常見(jiàn)的方式，會(huì)導(dǎo)致受害者發(fā)起針對(duì)自己的反射型攻擊。攻擊者精心構(gòu)造了一個(gè)包含惡意字符串的，將其發(fā)送給受害者。 原文地址：http://excess-xss.com/。如有翻譯不當(dāng)之處，歡迎指出 :D 分為四部分： 概述 XSS 攻擊 XSS 防御 總結(jié) 第一部分：概述 X...
摘要：前端示例服務(wù)器端代碼可靠的實(shí)例添加回調(diào)函數(shù)拼接傳遞的是一個(gè)匿名的回調(diào)函數(shù)，要執(zhí)行的話(huà)，暴露為一個(gè)全局方法出錯(cuò)處理使用示例歡迎閱讀年前端面試題年前端面試題年前端筆試題我是，年輕的前端攻城獅一枚，愛(ài)專(zhuān)研，愛(ài)技術(shù)，愛(ài)分享。 let與var的區(qū)別？ Let為ES6新添加申明變量的命令，它類(lèi)似于var，但是有以下不同： 1、var聲明的變量，其作用域?yàn)樵撜Z(yǔ)句所在的函數(shù)內(nèi)，且存在變量提...
閱讀 3526·2021-11-22 09:34
閱讀 3103·2021-10-09 09:43
閱讀 1624·2021-09-24 09:47
閱讀 2342·2019-08-30 12:53
閱讀 1144·2019-08-29 14:00
閱讀 3660·2019-08-29 13:17
閱讀 2423·2019-08-28 18:00
閱讀 1442·2019-08-26 12:00
