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 操作单选框,复选框,下拉列表实现代码
Oct 27 Javascript
精通JavaScript 纠正 cleanWhitespace函数
Mar 11 Javascript
Javascript 垃圾收集机制介绍理解
May 14 Javascript
JS滚轮事件onmousewheel使用介绍
Nov 01 Javascript
js中的preventDefault与stopPropagation详解
Jan 29 Javascript
javascript学习笔记之10个原生技巧
May 21 Javascript
JQuery控制radio选中和不选中方法总结
Apr 15 Javascript
jQuery左右滚动支持图片放大缩略图图片轮播代码分享
Aug 26 Javascript
javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】
Dec 15 Javascript
es6的数字处理的方法(5个)
Mar 16 Javascript
JavaScript 数组去重并统计重复元素出现的次数实例
Dec 14 Javascript
详解vue中多个有顺序要求的异步操作处理
Oct 29 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集成FCK的函数代码
2008/09/27 PHP
PHP正确配置mysql(apache环境)
2011/08/28 PHP
宝塔面板在NGINX环境中TP5.1如何运行?
2021/03/09 PHP
jquery获取input表单值的代码
2010/04/19 Javascript
Jquery常用技巧收集整理篇
2010/11/14 Javascript
js实现拖拽 闭包函数详细介绍
2012/11/25 Javascript
使用原生js封装webapp滑动效果(惯性滑动、滑动回弹)
2014/05/06 Javascript
推荐8款jQuery轻量级树形Tree插件
2014/11/12 Javascript
js读取csv文件并使用json显示出来
2015/01/09 Javascript
javascript实现支持移动设备画廊
2015/08/24 Javascript
jquery 表单验证之通过 class验证表单不为空
2015/11/02 Javascript
JS使用eval解析JSON的注意事项分析
2015/11/14 Javascript
KVM虚拟化技术之使用Qemu-kvm创建和管理虚拟机的方法
2016/10/05 Javascript
如何防止INPUT按回车自动提交表单FORM
2016/12/06 Javascript
微信小程序 标签传入数据
2017/05/08 Javascript
Vue 组件封装 并使用 NPM 发布的教程
2018/09/30 Javascript
Node.js学习之内置模块fs用法示例
2020/01/22 Javascript
js实现拾色器插件(ColorPicker)
2020/05/21 Javascript
vue使用better-scroll实现滑动以及左右联动
2020/06/30 Javascript
[01:22:19]EG vs TNC Supermajor小组赛B组败者组第一轮 BO3 第二场 6.2
2018/06/03 DOTA
[46:58]完美世界DOTA2联赛PWL S3 Forest vs LBZS 第一场 12.17
2020/12/19 DOTA
[39:08]完美世界DOTA2联赛PWL S3 LBZS vs CPG 第一场 12.12
2020/12/16 DOTA
python中的五种异常处理机制介绍
2014/09/02 Python
详解Python中的条件判断语句
2015/05/14 Python
python中redis的安装和使用
2016/12/04 Python
Python爬取qq空间说说的实例代码
2018/08/17 Python
对Python实现累加函数的方法详解
2019/01/23 Python
python中return的返回和执行实例
2019/12/24 Python
Python MySQLdb 执行sql语句时的参数传递方式
2020/03/04 Python
把富文本的回车转为br标签
2019/08/09 HTML / CSS
怎样在 Applet 中建立自己的菜单(MenuBar/Menu)?
2012/06/20 面试题
高一学生评语大全
2014/04/25 职场文书
分公司经理任命书
2014/06/05 职场文书
2014年信访维稳工作总结
2014/12/08 职场文书
通讯稿格式及范文
2015/07/22 职场文书
详细了解MVC+proxy
2021/07/09 Java/Android