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


Posted in Javascript onApril 12, 2013

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>
Javascript 相关文章推荐
学习jquery之一
Apr 27 Javascript
doctype后如何获得body.clientHeight的方法
Jul 11 Javascript
javascript 面向对象思想 附源码
Jul 07 Javascript
jquery radio 操作代码
Mar 16 Javascript
js 弹出新页面避免被浏览器、ad拦截的一种新方法
Apr 30 Javascript
Angularjs制作简单的路由功能demo
Apr 14 Javascript
跟我学习javascript的prototype使用注意事项
Nov 17 Javascript
jQuery增加与删除table列的方法
Mar 01 Javascript
JavaScript数组方法总结分析
May 06 Javascript
AngularJS入门教程之表格实例详解
Jul 27 Javascript
jquery UI实现autocomplete在获取焦点时得到显示列表功能示例
Jun 04 jQuery
微信小程序实现渐入渐出动画效果
Jun 13 Javascript
图片轮换效果实现代码(点击按钮停止执行)
Apr 12 #Javascript
Javascript的时间戳和php的时间戳转换注意事项
Apr 12 #Javascript
有关javascript的性能优化 (repaint和reflow)
Apr 12 #Javascript
引用外部js乱码问题分析及解决方案
Apr 12 #Javascript
关于query Javascript CSS Selector engine
Apr 12 #Javascript
使用jQuery清空file文件域的解决方案
Apr 12 #Javascript
原生js实现查找/添加/删除/指定元素的class
Apr 12 #Javascript
You might like
PHP关于IE下的iframe跨域导致session丢失问题解决方法
2013/10/10 PHP
解决php接收shell返回的结果中文乱码问题
2014/01/23 PHP
php获取字段名示例分享
2014/03/03 PHP
PHP7.1方括号数组符号多值复制及指定键值赋值用法分析
2016/09/26 PHP
PHP文字转图片功能原理与实现方法分析
2017/08/31 PHP
javascript 鼠标滚轮事件
2009/04/09 Javascript
Javascript 学习书 推荐
2009/06/13 Javascript
raphael.js绘制中国地图 地图绘制方法
2014/02/12 Javascript
jQuery对下拉框,单选框,多选框的操作
2014/02/21 Javascript
javascript实现很浪漫的气泡冒出特效
2020/09/05 Javascript
JS表单验证的代码(常用)
2016/04/08 Javascript
JS &amp; JQuery 动态添加 select option
2016/06/08 Javascript
JS实现星星评分功能实例代码(两种方法)
2016/06/09 Javascript
JavaScript数值千分位格式化的两种简单实现方法
2016/08/01 Javascript
PHP 实现一种多文件上传的方法
2017/09/20 Javascript
javascript实现抢购倒计时程序
2019/08/26 Javascript
微信小程序里引入SVG矢量图标的方法
2019/09/20 Javascript
解决包含在label标签下的checkbox在ie8及以下版本点击事件无效果兼容的问题
2019/10/27 Javascript
AJAX XMLHttpRequest对象创建使用详解
2020/08/20 Javascript
[47:21]Liquid vs TNC Supermajor 胜者组 BO3 第一场 6.4
2018/06/05 DOTA
Python使用Pickle库实现读写序列操作示例
2018/06/15 Python
Python3.6使用tesseract-ocr的正确方法
2018/10/17 Python
django一对多模型以及如何在前端实现详解
2019/07/24 Python
利用python实现PSO算法优化二元函数
2019/11/13 Python
解决PDF 转图片时丢文字的一种可能方式
2021/03/04 Python
Bibloo荷兰:女士、男士和儿童的服装、鞋子和配饰
2019/02/25 全球购物
中专自荐信
2013/10/13 职场文书
自我鉴定范文
2013/11/10 职场文书
旷课检讨书2000字
2014/01/14 职场文书
乡镇安全生产目标责任书
2014/07/23 职场文书
市场营销毕业求职信
2014/08/07 职场文书
2015年采购工作总结
2015/04/10 职场文书
运动会加油稿30字
2015/07/21 职场文书
2017公司年会主持人开幕词
2016/03/04 职场文书
PHP设计模式(观察者模式)
2021/07/07 PHP
Windows11性能真的上涨35%? 桌面酷睿i9实测结果公开
2021/11/21 数码科技