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 相关文章推荐
详解JavaScript中undefined与null的区别
Mar 29 Javascript
javascript实现日期格式转换
Dec 16 Javascript
javascript编写贪吃蛇游戏
Jul 07 Javascript
jQuery实现ajax调用WCF服务的方法(附带demo下载)
Dec 04 Javascript
Underscore源码分析
Dec 30 Javascript
ES6中非常实用的新特性介绍
Mar 10 Javascript
全面解析Bootstrap中scrollspy(滚动监听)的使用方法
Jun 06 Javascript
DOM操作和jQuery实现选项移动操作的简单实例
Jun 07 Javascript
前端js实现文件的断点续传 后端PHP文件接收
Oct 14 Javascript
js前端解决跨域问题的8种方案(最新最全)
Nov 18 Javascript
详解@angular/cli 改变默认启动端口两种方式
Nov 29 Javascript
详解vue中移动端自适应方案
May 05 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实现采集抓取淘宝网单个商品信息
2015/01/08 PHP
php使用COPY函数更新配置文件的方法
2015/06/18 PHP
php连接oracle数据库的核心步骤
2016/05/26 PHP
ExtJS 2.0实用简明教程 之ExtJS版的Hello
2009/04/29 Javascript
jquery实现图片灯箱明暗的遮罩效果
2013/11/15 Javascript
javascript 小数取整简单实现方式
2014/05/30 Javascript
jQuery控制的不同方向的滑动(向左、向右滑动等)
2014/07/18 Javascript
原生JavaScript生成GUID的实现示例
2014/09/05 Javascript
jQuery表单域选择器用法分析
2015/02/10 Javascript
JavaScript实现带缓冲效果的随屏滚动漂浮广告代码
2015/11/06 Javascript
jQuery easyUI datagrid 增加求和统计行的实现代码
2016/06/01 Javascript
jQuery实现导航滚动到指定内容效果完整实例【附demo源码下载】
2016/09/20 Javascript
JS自定义函数对web前端上传的文件进行类型大小判断
2016/10/19 Javascript
解决拦截器对ajax请求的拦截实例详解
2016/12/21 Javascript
jQuery文字轮播特效
2017/02/12 Javascript
nodejs实现的连接MySQL数据库功能示例
2018/01/25 NodeJs
JavaScript图片处理与合成总结
2018/03/04 Javascript
Antd下拉选择,自动匹配功能的实现
2020/10/24 Javascript
[02:34]2016完美“圣”典风云人物:BurNIng专访
2016/12/10 DOTA
[36:52]DOTA2真视界:基辅特锦赛总决赛
2017/05/21 DOTA
python自带的http模块详解
2016/11/06 Python
用Python写一段用户登录的程序代码
2018/04/22 Python
Python字符串逆序的实现方法【一题多解】
2019/02/18 Python
通过python3实现投票功能代码实例
2019/09/26 Python
Python socket实现的文件下载器功能示例
2019/11/15 Python
在OpenCV里实现条码区域识别的方法示例
2019/12/04 Python
python使用梯度下降和牛顿法寻找Rosenbrock函数最小值实例
2020/04/02 Python
详解python os.path.exists判断文件或文件夹是否存在
2020/11/16 Python
详解通过变换矩阵实现canvas的缩放功能
2019/01/14 HTML / CSS
HTML5 canvas基本绘图之绘制线条
2016/06/27 HTML / CSS
希腊香水和化妆品购物网站:Parfimo.gr
2019/10/03 全球购物
商务专员岗位职责
2013/11/23 职场文书
高三学习决心书
2014/03/11 职场文书
安全生产管理合理化建议书
2014/03/12 职场文书
教师个人总结范文
2015/02/11 职场文书
勇敢的心观后感
2015/06/09 职场文书