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浮动DIV提示信息并自动隐藏的代码
Aug 29 Javascript
jquery 学习之二 属性(类)
Nov 25 Javascript
基于jQuery的试卷自动排版系统实现代码
Jan 06 Javascript
js验证模型自我实现的具体方法
Jun 21 Javascript
jquery ajax 局部刷新小案例
Feb 08 Javascript
javascript判断是手机还是电脑访问网页的简单实例分享
Jun 03 Javascript
浅谈Javascript中匀速运动的停止条件
Dec 19 Javascript
js中取得变量绝对值的方法
Jan 03 Javascript
常用的JavaScript WEB操作方法分享
Feb 28 Javascript
js实现基于正则表达式的轻量提示插件
Aug 29 Javascript
js实现一键复制功能
Mar 16 Javascript
JavaScript实现学生在线做题计时器功能
Dec 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
source.php查看源文件
2006/12/09 PHP
php array_flip() 删除数组重复元素
2009/01/14 PHP
DOM基础及php读取xml内容操作的方法
2015/01/23 PHP
浅谈ThinkPHP5.0版本和ThinkPHP3.2版本的区别
2017/06/17 PHP
跟着JQuery API学Jquery 之二 属性
2010/04/09 Javascript
服务器端的JavaScript脚本 Node.js 使用入门
2012/03/07 Javascript
使用jQuery+EasyUI实现CheckBoxTree的级联选中特效
2015/12/06 Javascript
jQuery检测滚动条是否到达底部
2015/12/15 Javascript
实例详解JSON数据格式及json格式数据域字符串相互转换
2016/01/07 Javascript
Jquery组件easyUi实现表单验证示例
2016/08/23 Javascript
LayUi中接口传数据成功,表格不显示数据的解决方法
2018/08/19 Javascript
微信小程序动态增加按钮组件
2018/09/14 Javascript
vue iview的菜单组件Mune 点击不高亮的解决方案
2019/11/01 Javascript
在antd Table中插入可编辑的单元格实例
2020/10/28 Javascript
pandas object格式转float64格式的方法
2018/04/10 Python
python3 pandas 读取MySQL数据和插入的实例
2018/04/20 Python
网红编程语言Python将纳入高考你怎么看?
2018/06/07 Python
对python操作kafka写入json数据的简单demo分享
2018/12/27 Python
Django app配置多个数据库代码实例
2019/12/17 Python
python使用numpy实现直方图反向投影示例
2020/01/17 Python
keras小技巧——获取某一个网络层的输出方式
2020/05/23 Python
tensorflow图像裁剪进行数据增强操作
2020/06/30 Python
python 如何设置守护进程
2020/10/29 Python
Edwaybuy西班牙:小米在线商店
2019/12/04 全球购物
关于VPN
2012/06/10 面试题
利用promise及参数解构封装ajax请求的方法
2021/03/24 Javascript
会计主管岗位职责范文
2013/11/08 职场文书
高中运动会广播稿
2014/01/21 职场文书
美丽乡村建设实施方案
2014/03/23 职场文书
公司股权转让协议书
2014/04/12 职场文书
传播学专业毕业生自荐书
2014/07/01 职场文书
中学学校门卫岗位职责
2014/08/15 职场文书
小城镇建设汇报材料
2014/08/16 职场文书
企业党员个人自我评价
2014/09/20 职场文书
2015年学校关工委工作总结
2015/04/03 职场文书
2021-4-5课程——SQL Server查询【3】
2021/04/05 SQL Server