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

資訊專欄INFORMATION COLUMN

如何使用 JavaScript 解析 URL

Zachary / 2660人閱讀

摘要:端口的端口號位于域名后面,用冒號分隔例如。大多數網址都沒有端口號,這種情況非常罕見。但通常域名默認為一個特定端口,因此不需要端口號。它基本上是整個,直到端口號結束,如果沒有端口號,到主機名結束。

在 Web 開發中,有許多情況需要解析 URL,這篇主要學習如何使用 URL 對象實現這一點。

想閱讀更多優質文章請猛戳GitHub博客,一年百來篇優質文章等著你!

開始

創建一個以下內容的 HTML 文件,并在瀏覽器中打開。


    
        JavaScript URL parsing
    
    
        
    


如果你想嘗試本文中的任何內容,可以將其放在

URL 是統一資源定位符,對可以從互聯網上得到的資源的位置和訪問方法的一種簡潔的表示,是互聯網上標準資源的地址?;ヂ摼W上的每個文件都有一個唯一的 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

獲取當前頁面的 URL 非常簡單 - 我們可以使用 window.location。

試著把這個添加到我們形如寫的的腳本中:

console.log(window.location);

查看瀏覽器的控制臺:

不是你想要的?這是因為它不返回你在瀏覽器中看到的實際 URL 地址——它返回的是一個 URL 對象。使用這個 URL 對象,我們可以解析 URL 的不同部分,接下來就會講到。

創建 URL 對象

很快就會看到,可以使用 URL 對象來了解 URL 的不同部分。如果你想對任何 URL 執行此操作,而不僅僅是當前頁面的 URL,該怎么辦? 我們可以通過創建一個新的 URL 對象來實現。 以下是如何創建一個:

var myURL = new URL("https://example.com");

就這么簡單! 可以打印 myURL 來查看 myURL 的內容:

console.log(myURL);

出于本文的目的,將 myURL 設置為這個值:

var myURL = new URL("https://example.com:4000/folder/page.html?x=y&a=b#section-2")

將其復制并粘貼到

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

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

相關文章

  • js模版引擎介紹

    摘要:使用方法編譯模板并根據所給的數據立即渲染出結果僅編譯模版暫不渲染,它會返回一個可重用的編譯后的函數根據給定的數據,對之前編譯好的模板進行數據渲染參考資料模板引擎概述 js模版引擎介紹 JavaScript 模板是將 HTML 結構從包含它們的內容中分離的方法。模板系統通常會引入一些新語法,但通常是非常簡單的,一個要注意的有趣的點是,替換標記通常是由雙花括號({ {……} })表示,這也...

    duan199226 評論0 收藏0
  • CSS和網絡性能

    摘要:對于性能來說真的非常糟糕。的推出使網頁性能提高了大約,所有這些都不需要開發人員參與。這意味著和中的存在錯誤。將放在中這個最終策略是一個相對較新的策略,對感知性能和漸進式渲染有很大好處。 CSS對于呈現頁面至關重要 - 在找到,下載和解析所有CSS之前,瀏覽器不會開始呈現 - 因此我們必須盡可能快地將其加載到用戶的設備上。 關鍵路徑上的任何延遲都會影響我們的開始渲染并讓用戶看到空白屏幕。...

    chanthuang 評論0 收藏0
  • CSS和網絡性能

    摘要:對于性能來說真的非常糟糕。的推出使網頁性能提高了大約,所有這些都不需要開發人員參與。這意味著和中的存在錯誤。將放在中這個最終策略是一個相對較新的策略,對感知性能和漸進式渲染有很大好處。 CSS對于呈現頁面至關重要 - 在找到,下載和解析所有CSS之前,瀏覽器不會開始呈現 - 因此我們必須盡可能快地將其加載到用戶的設備上。 關鍵路徑上的任何延遲都會影響我們的開始渲染并讓用戶看到空白屏幕。...

    techstay 評論0 收藏0
  • 【譯】Excess-XSS 一份關于 XSS 的綜合教程

    摘要:示例攻擊如何進行下圖展示了攻擊者如何進行攻擊攻擊者利用網站的表單插入惡意字符串到網站數據庫中。恰恰相反,至少有兩種常見的方式,會導致受害者發起針對自己的反射型攻擊。攻擊者精心構造了一個包含惡意字符串的,將其發送給受害者。 原文地址:http://excess-xss.com/。如有翻譯不當之處,歡迎指出 :D 分為四部分: 概述 XSS 攻擊 XSS 防御 總結 第一部分:概述 X...

    timger 評論0 收藏0
  • 2019年前端面試題-03

    摘要:前端示例服務器端代碼可靠的實例添加回調函數拼接傳遞的是一個匿名的回調函數,要執行的話,暴露為一個全局方法出錯處理使用示例歡迎閱讀年前端面試題年前端面試題年前端筆試題我是,年輕的前端攻城獅一枚,愛專研,愛技術,愛分享。 let與var的區別? Let為ES6新添加申明變量的命令,它類似于var,但是有以下不同: 1、var聲明的變量,其作用域為該語句所在的函數內,且存在變量提...

    王巖威 評論0 收藏0

發表評論

0條評論

Zachary

|高級講師

TA的文章

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