location对象的属性和方法(解析URL)应用举例

发布时间:2020-03-03编辑:脚本学堂
为大家介绍location对象使用属性和方法来解析URL的实例,这在日常的网页开发中经常用到,有需要的朋友,建议参考下本文的这个例子。

在开始今天的内容之前,对location对象不熟悉的朋友,可以先了解下javascript location对象的相关内容。

代码如下:

<html>
<head>
<title>location对象的属性与方法应用_www.jb200.com</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>
</html>