javascript - 从 URL 获取协议(protocol)、主机名和路径

Question

我制作了一个正则表达式来捕获链接的短 URL。例如:

https://www.google.com/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=picture%20of%20a%20potato

我的正则表达式是:

/(https:\/\/.+?)\/.+/

现在这只会捕获:

https://www.google.com

我现在要做的是将捕获的 RegEx 存储到一个变量中。非常感谢任何帮助或建议。

Answer 1

<a> DOM 元素为您提供了这种 href 的拆分!方法如下:

var a = document.createElement('a');
a.href = 'https://www.google.com/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=picture%20of%20a%20potato';
console.log({
        protocol: a.protocol,
        host: a.host,
        hostname: a.hostname,
        port: a.port,
        pathname: a.pathname,
        search: a.search
});

返回:

{
  "protocol": "https:",
  "host": "www.google.com",
  "hostname": "www.google.com",
  "port": "",
  "pathname": "/webhp",
  "search": "?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8"
}

参见 https://www.abeautifulsite.net/parsing-urls-in-javascript获取更多信息。