如何解决如何解析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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。