用a链接的方式解析一个url

  • Post author:
  • Post category:其他


以前对于一个url,可能是用字符串解析,但是用a链接的方式更简单一些,请看下面的代码

<script>
    // a链接的方式解析url
    var url = "https://www.baidu.com:8080/aaa/2.html?id=10#name";
    var alink = window.document.createElement("a");
    alink.href = url;
    // 其实这里的alink就相当于window对象了
    console.log(alink.search);//?id=10
    console.log(alink.hostname);//www.baidu.com
    console.log(alink.port);//8080
    console.log(alink.host);//www.baidu.com:8080
    console.log(alink.pathname);///aaa/2.html
    console.log(alink.hash);//#name
    console.log(alink.protocol);//https:
</script>



版权声明:本文为xiaolinlife原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。