- 时间：2021-02-23 23:36 编辑： 来源： 阅读：
- 扫一扫，手机访问
摘要：location对象的属性和方法应用(解析URL)
location对象提供了很多属性和方法用来解析URL。
<head>
<title></title>
<script type="text/javascript">
var uristr = window.location.search.substr(1);
var array = uristr.split('&&');
for (var i = 0; i < array.length; i++) {
var array1 = array[i].split('=');
alert(array1[0]);
}
--------------------//hash:返回#符号后的内容
function showhash() {
alert(window.location.hash);
}
--------------------//host:服务器的名字
function showhost() {
alert(window.location.host);
}
--------------------//href:当前载入的页面的完整的URL
function showhref() {
alert(window.location.href);
}
--------------------//pathname:url中主机名后的部分
function showpathname() {
alert(window.location.pathname);
}
--------------------//protocal:URL中使用的协议
function showprotacal() {
alert(window.location.protocal);
}
--------------------//search:执行get请求的URL中问号后面的部分，又称为查询字符串
function showsearch() {
alert(window.location.search);
}
</script>
</head>
<body>
<input type="button" value="Hash" onclick="showhash();" />
<br />
<input type="button" value="host" onclick="showhost();" />
<br />
<input type="button" value="href" onclick="showhref();" />
<br />
<input type="button" value="pathname" onclick="showpathname();" />
<br />
<input type="button" value="protocal" onclick="showprotacal();" />
<br />
<input type="button" value="search" onclick="showsearch();" />
</body>
测试search的时候，需要从另一个页面点击一个连接，从浏览器地址栏穿过来值：
<body>
<a href="HTMLPage1.htm?name='王五'&&age=22">GO</a>
</body>
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码（独立后台）...
