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 相关文章推荐
[原创]保存的js无法执行的解决办法
Feb 25 Javascript
整理JavaScript对DOM中各种类型的元素的常用操作
May 05 Javascript
Centos7 中 Node.js安装简单方法
Nov 02 Javascript
Angularjs验证用户输入的字符串是否为日期时间
Jun 01 Javascript
vue v-model动态生成详解
Jun 30 Javascript
监控微信小程序中的慢HTTP请求过程详解
Jul 05 Javascript
防止Layui form表单重复提交的实现方法
Sep 10 Javascript
js实现简单掷骰子小游戏
Oct 24 Javascript
jquery实现垂直手风琴菜单
Mar 04 jQuery
小程序实现上传视频功能
Aug 18 Javascript
JavaScript快速调试的两个技巧
Nov 04 Javascript
如何使用vue3打造一个物料库
May 08 Vue.js
图片轮换效果实现代码(点击按钮停止执行)
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
浅谈Coreseek、Sphinx-for-chinaese、Sphinx+Scws的区别
2016/12/15 PHP
js获取电脑分辨率的思路及操作
2013/11/22 Javascript
Node.js中使用Buffer编码、解码二进制数据详解
2014/08/16 Javascript
jquery中使用循环下拉菜单示例代码
2014/09/24 Javascript
分享一个自己写的简单的javascript分页组件
2015/02/15 Javascript
JavaScript保存并运算页面中数字类型变量的写法
2015/07/06 Javascript
JS实现类似51job上的地区选择效果示例
2016/11/17 Javascript
js实现小窗口拖拽效果
2016/12/03 Javascript
完美实现js选项卡切换效果(二)
2017/03/08 Javascript
Node.js安装配置图文教程
2017/05/10 Javascript
Webpack执行命令参数详解
2017/06/17 Javascript
AngularJS $http post 传递参数数据的方法
2018/10/09 Javascript
对angular4子路由&amp;辅助路由详解
2018/10/09 Javascript
validform表单验证的实现方法
2019/03/08 Javascript
微信小程序 接入腾讯地图的两种写法
2021/01/12 Javascript
[01:02:55]CHAOS vs Mineski 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
[54:15]DOTA2-DPC中国联赛 正赛 DLG vs Dragon BO3 第二场2月1日
2021/03/11 DOTA
python中类变量与成员变量的使用注意点总结
2017/04/29 Python
分享一个可以生成各种进制格式IP的小工具实例代码
2017/07/28 Python
python验证码识别的示例代码
2017/09/21 Python
tensorflow创建变量以及根据名称查找变量
2018/03/10 Python
python如何读写json数据
2018/03/21 Python
PyTorch 1.0 正式版已经发布了
2018/12/13 Python
Python-opencv 双线性插值实例
2020/01/17 Python
html5实现滑块功能之type=&quot;range&quot;属性
2020/02/18 HTML / CSS
Marriott国际:万豪国际酒店查询预订
2017/09/25 全球购物
后勤岗位职责
2013/11/26 职场文书
劳资人员岗位职责
2013/12/19 职场文书
高中同学会活动方案
2014/08/14 职场文书
四风问题原因分析及整改措施
2014/10/24 职场文书
党员四风问题个人对照检查材料
2014/10/26 职场文书
骨干教师申报材料
2014/12/17 职场文书
老龙头导游词
2015/02/11 职场文书
500字作文之关于爸爸
2019/11/14 职场文书
golang 实现Location跳转方式
2021/05/02 Golang
Redis可视化客户端小结
2021/06/10 Redis