Javascript中使用a元素解析url

来源:互联网 发布:阿里云公网带宽费用 编辑:程序博客网 时间:2024/06/05 16:29

解析网页url

使用此方法能够快速解析出url的各个部分。而不用自己使用正则慢慢提取。
代码如下:

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title></title>    </head>    <body>        <script type="text/javascript">            var url = 'http://www.baidu.com:999/demo/search?key=js#btn';            var link = document.createElement('a');            link.href = url;            console.log('协议:' + link.protocol);            console.log('主机:' + link.host);            console.log('主机名:' + link.hostname);            console.log('端口:' + link.port);            console.log('路径:' + link.pathname);            console.log('参数:' + link.search);            console.log('hook:' + link.hash);        </script>    </body></html>

结果:

协议:http:主机:www.baidu.com:999主机名:www.baidu.com端口:999路径:/demo/search参数:?key=jshook:#btn
原创粉丝点击