如何解析URL？

问题描述

| 如果有一件事我只是无法理解，那就是正则表达式。 因此，经过大量搜索，我终于找到了适合我需求的一个：

function get_domain_name()
    { 
    aaaa=\"http://www.somesite.se/blah/sdgsdgsdgs\";
    //aaaa=\"http://somesite.se/blah/sese\";
        domain_name_parts = aaaa.match(/:\\/\\/(.[^/]+)/)[1].split(\'.\');
        if(domain_name_parts.length >= 3){
            domain_name_parts[0] = \'\';
        }
        var domain = domain_name_parts.join(\'.\');
        if(domain.indexOf(\'.\') == 0)
            alert(\"1\"+ domain.substr(1));
        else
            alert(\"2\"+ domain);
    }

它基本上可以将域名还给我，反正域名之后我还能得到所有东西吗？在这种情况下，它是变量“ 2”的“ 1”。     

解决方法

        请注意，此解决方案不是最佳解决方案。我这样做是为了符合OP的要求。我个人建议调查其他答案。 遵循regexp的规则可以将您的域名和其他域名退还给您。

:\\/\\/(.[^\\/]+)(.*)

： www.google.com /古怪的东西 我建议您在这里学习RegExp文档：http://www.regular-expressions.info/reference.html 使用您的功能：

function get_domain_name()
    { 
    aaaa=\"http://www.somesite.se/blah/sdgsdgsdgs\";
    //aaaa=\"http://somesite.se/blah/sese\";
        var matches = aaaa.match(/:\\/\\/(?:www\\.)?(.[^/]+)(.*)/);
        alert(matches[1]);
        alert(matches[2]);
    }

    ,        而不是依赖可能不可靠的正则表达式，而应使用JavaScript DOM API提供的内置URL解析器：

var url = document.createElement(\'a\');
url.href = \"http://www.example.com/some/path?name=value#anchor\";

这就是解析URL所需要做的一切。其他所有内容都只是访问已解析的值：

url.protocol; //(http:)
url.hostname; //(www.example.com)
url.pathname; //(/some/path)
url.search; // (?name=value)
url.hash; //(#anchor)

在这种情况下，如果您要查找

/blah/sdgsdgsdgs

，则可以使用

url.pathname

访问它 基本上，您只是在JavaScript中创建一个链接（从技术上讲，是锚元素），然后您可以直接调用已解析的片段。 （由于您没有将其添加到DOM中，因此它不会在任何位置添加任何不可见的链接。）以与

location

对象上的值相同的方式对其进行访问。 （受到这个美妙答案的启发。） 编辑：一个重要的注意事项：Internet Explorer似乎有一个错误，它忽略了像这样的对象的

pathname

属性上的斜杠。您可以通过执行以下操作将其标准化：

 url.pathname = url.pathname.replace(/(^\\/?)/,\"/\");

注意： *：我说“可能不可靠”，因为它可能很容易尝试构建或找到一个包含所有内容的URL解析器，但是可能有很多很多条件，边缘情况和宽恕的解析技术可能没有被考虑或适当地考虑。支持的;浏览器可能最擅长实现此逻辑（因为解析URL对它们的正确操作至关重要），因此我们应该保持简单，然后交给他们。     ,        RFC（请参阅附录B）提供了一个正则表达式来解析URI部分：

^(([^:/?#]+):)?(//([^/?#]*))?([^?#]*)(\\?([^#]*))?(#(.*))?
 12            3  4          5       6  7        8 9

哪里

scheme    = $2
authority = $4
path      = $5
query     = $7
fragment  = $9

例：

function parse_url(url) {
    var pattern = RegExp(\"^(([^:/?#]+):)?(//([^/?#]*))?([^?#]*)(\\\\?([^#]*))?(#(.*))?\");
    var matches =  url.match(pattern);
    return {
        scheme: matches[2],authority: matches[4],path: matches[5],query: matches[7],fragment: matches[9]
    };
}
console.log(parse_url(\"http://www.somesite.se/blah/sdgsdgsdgs\"));

给

Object
    authority: \"www.somesite.se\"
    fragment: undefined
    path: \"/blah/sdgsdgsdgs\"
    query: undefined
    scheme: \"http\"

演示     ,        您只需要稍微修改一下正则表达式即可。例如：

var aaaa=\"http://www.somesite.se/blah/sdgsdgsdgs\";
var m = aaaa.match(/^[^:]*:\\/\\/([^\\/]+)(\\/.*)$/);

m将包含以下部分：

[\"http://www.somesite.se/blah/sdgsdgsdgs\",\"www.somesite.se\",\"/blah/sdgsdgsdgs\"]

这是相同的示例，但进行了修改，以便将\“ www。\”部分分开。我认为应该写正则表达式，以便无论您是否具有“ www。”部分，匹配项都能正常工作。所以检查一下：

var aaaa=\"http://www.somesite.se/blah/sdgsdgsdgs\";
var m = aaaa.match(/^[^:]*:\\/\\/(www\\.)?([^\\/]+)(\\/.*)$/);

m将包含以下部分：

[\"http://www.somesite.se/blah/sdgsdgsdgs\",\"www.\",\"somesite.se\",\"/blah/sdgsdgsdgs\"]

现在，检查相同的正则表达式，但其URL不能以\“ www。\”开头：

var bbbb=\"http://somesite.se/blah/sdgsdgsdgs\";
var m = .match(/^[^:]*:\\/\\/(www\\.)?([^\\/]+)(\\/.*)$/);

现在，您的匹配如下所示：

[\"http://somesite.se/blah/sdgsdgsdgs\",undefined,\"/blah/sdgsdgsdgs\"]

如您所见，在两种情况下它都会做正确的事情。     ,        有一个很好的jQuery插件可用于解析URL：Purl。 所有正则表达式的东西都隐藏在里面，您会得到类似以下内容的信息：

> url = $.url(\"http://markdown.com/awesome/language/markdown.html?show=all#top\");

> url.attr(\'source\');
\"http://markdown.com/awesome/language/markdown.html?show=all#top\"

> url.attr(\'protocol\');
\"http\"

> url.attr(\'host\');
\"markdown.com\"

> url.attr(\'relative\');
\"/awesome/language/markdown.html?show=all#top\"

> url.attr(\'path\');
\"/awesome/language/markdown.html\"

> url.attr(\'directory\');
\"/awesome/language/\"

> url.attr(\'file\');
\"markdown.html\"

> url.attr(\'query\');
\"show=all\"

> url.attr(\'fragment\');
\"top\"

    ,        自首次提出此问题以来，浏览器已经走了很长一段路。现在，您可以使用本机URL界面来完成此操作：

const url = new URL(\'http://www.somesite.se/blah/sdgsdgsdgs\')

console.log(url.host) // \"www.somesite.se\"
console.log(url.href) // \"http://www.somesite.se/blah/sdgsdgsdgs\"
console.log(url.origin) // \"http://www.somesite.se\"
console.log(url.pathname) // \"/blah/sdgsdgsdgs\"
console.log(url.protocol) // \"http:\"
// etc.

请注意，IE不支持此API。但是，您可以使用polyfill.io轻松地对其进行填充：

<script crossorigin=\"anonymous\" src=\"https://polyfill.io/v3/polyfill.min.js?flags=gated&features=URL\"></script>