首页 >web前端 >js教程 >HTML URL地址解析

HTML URL地址解析

高洛峰
高洛峰原创
2016-11-03 13:38:491759浏览

HTML URL地址解析

通过JavaScript的location对象,可获取URL中的协议、主机名、端口、锚点、查询参数等信息。

示例

URL:http://www.akmsg.com/WebDemo/URLParsing.html#top?username=admin&pwd=123456

解析结果: 

QQ图片20161103133612.png

代码

console.log(
    'location.hash     :' + location.hash     + '\r\n' +
    'location.host     :' + location.host     + '\r\n' +
    'location.hostname :' + location.hostname + '\r\n' +
    'location.href     :' + location.href     + '\r\n' +
    'location.pathname :' + location.pathname + '\r\n' +
    'location.port     :' + location.port     + '\r\n' +
    'location.protocol :' + location.protocol + '\r\n' +
    'location.hash     :' + location.hash     + '\r\n' +
    'location.search   :' + location.search   + '\r\n' +
    'location.origin   :' + location.origin
)

在线示例

地址:http://www.akmsg.com/WebDemo/URLParsing.html


声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn