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