如何在 JavaScript 中解析 URL?
解析 URL
使用 DOM 方法而不是 正則表示式在 javascript 中解析 URL 非常簡單。如果使用正則表示式,程式碼會變得更加複雜。在 DOM 方法中,只需要呼叫一個函式即可返回 已解析的 URL。
在下面的示例中,最初建立一個函式,然後使用 DOM 方法在其中建立一個 錨標記 "a"。稍後,使用 href 將提供的 URL 分配給錨標記。現在,當函式返回 URL 的各部分時,它會嘗試返回已解析的部分,如輸出中所示。由於url 已解析,因此使用 JSON.stringify() 方法來顯示輸出。
示例
<html>
<body>
<script>
function URL(url) {
var urlParser = document.createElement('a');
urlParser.href = url;
return {
protocol: urlParser.protocol,
host: urlParser.host,
hostname: urlParser.hostname,
port: urlParser.port,
pathname: urlParser.pathname,
search: urlParser.search,
hash: urlParser.hash
};
}
document.write(JSON.stringify(URL("https://www.youtube.com/watch?v=tNJJSrfKYwQ")));
</script>
</body>
</html>輸出{"protocol":"https:","host":"www.youtube.com","hostname":"www.youtube.com","port":"","pathname":"/watch","search":"?v=tNJJSrfKYwQ","hash":""}
廣告
資料結構
網路
關係資料庫管理系統
作業系統
Java
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP