location对象的属性和方法应用(解析URL)
更新时间：2013年04月12日 17:22:26 作者：
本文将与大家分享下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>
复制代码 代码如下:
<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>
相关文章
建造者模式是设计模式的一种，将一个复杂对象的构建与它的表示分离，使得同样的构建过程可以创建不同的表示。接下来通过本文给大家介绍JavaScript的设计模式经典之建造者模式，感兴趣的朋友一起学习吧2016-02-02
这篇文章介绍了js实现拉伸拖动iframe的具体代码，有需要的朋友可以参考一下2013-08-08
这篇文章主要介绍了浅谈JavaScript 代码简洁之道，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-01-01
这篇文章给大家分享了两种Javascript从数组中随机取出不同元素的方法，大家可以都学习学习，这样更能有助于大家的学习和理解，下面来一起看看吧2016-09-09
本文是一个学习javascript的新手总结的一些关于javascript的方法，有需要的小伙伴可以参考下。2015-07-07
之前项目需求需要写一个纯js文本比较工具，在此小编把代码分享在脚本之家平台供大家参考2016-02-02
这篇文章主要介绍了JavaScript库urlcat之URL构建器库，urlcat 是一个小型的JavaScript库，使构建URL非常方便并防止常见错误。下文来看对其详细介绍吧，需要的小伙伴可以参考一下2022-02-02
这篇文章主要介绍了解决前端跨域问题8种方案的相关资料,需要的朋友可以参考下2016-11-11
这篇文章主要介绍了js实现为a标签添加事件的方法,基于闭包循环实现事件添加的功能,涉及javascript闭包与事件操作相关技巧,需要的朋友可以参考下2016-08-08
Javascript递归打印Document层次关系实例分析
这篇文章主要介绍了Javascript递归打印Document层次关系的方法,实例分析了javascript中Document的层次关系,需要的朋友可以参考下2015-05-05
最新评论