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的执行顺序 之实战篇
Mar 03 Javascript
Extjs3.0 checkboxGroup 动态添加item实现思路
Aug 14 Javascript
jQuery中验证表单提交方式及序列化表单内容的实现
Jan 06 Javascript
关于事件mouseover ,mouseout ,mouseenter,mouseleave的区别
Oct 12 Javascript
switch语句的妙用(必看篇)
Oct 03 Javascript
浅谈vue自定义全局组件并通过全局方法 Vue.use() 使用该组件
Dec 07 Javascript
jQuery实现输入框的放大和缩小功能示例
Jul 21 jQuery
使用mixins实现elementUI表单全局验证的解决方法
Apr 02 Javascript
vue-cli webpack配置文件分析
May 20 Javascript
解决layui追加或者动态修改的表单元素“没效果”的问题
Sep 18 Javascript
layui前端时间戳转化实例
Nov 15 Javascript
vue 获取url参数、get参数返回数组的操作
Nov 12 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学习之整理字符串
2011/04/17 PHP
php 邮件发送问题解决
2014/03/22 PHP
IE和FireFox(FF)中js和css的不同
2009/04/13 Javascript
php对mongodb的扩展(初识如故)
2012/11/11 Javascript
千分位数字格式化(用逗号隔开 代码已做了修改 支持0-9位逗号隔开)的JS代码
2013/12/05 Javascript
从零学jquery之如何使用回调函数
2014/05/16 Javascript
JavaScript常用脚本汇总(三)
2015/03/04 Javascript
javascript中hasOwnProperty() 方法使用指南
2015/03/09 Javascript
Jquery Mobile 自定义按钮图标
2015/11/18 Javascript
javascript实现简单计算器效果【推荐】
2016/04/19 Javascript
js实现页面跳转的几种方法小结
2016/05/16 Javascript
Knockoutjs 学习系列(一)ko初体验
2016/06/07 Javascript
vue项目中做编辑功能传递数据时遇到问题的解决方法
2016/12/19 Javascript
Angularjs上传图片实例详解
2017/08/06 Javascript
jquery实现下载图片功能
2019/07/18 jQuery
[00:47]DOTA2荣耀之路6:玩不了啦!
2018/05/30 DOTA
[01:16:12]完美世界DOTA2联赛PWL S2 FTD vs Inki 第一场 11.21
2020/11/23 DOTA
python字符串替换示例
2014/04/24 Python
Python捕捉和模拟鼠标事件的方法
2015/06/03 Python
Python实现脚本锁功能(同时只能执行一个脚本)
2017/05/10 Python
Python实现可自定义大小的截屏功能
2018/01/20 Python
python实现转盘效果 python实现轮盘抽奖游戏
2019/01/22 Python
python多线程并发实例及其优化
2019/06/27 Python
浅谈python3打包与拆包在函数的应用详解
2020/05/02 Python
完美解决TensorFlow和Keras大数据量内存溢出的问题
2020/07/03 Python
Python Pandas list列表数据列拆分成多行的方法实现
2020/12/14 Python
使用numpngw和matplotlib生成png动画的示例代码
2021/01/24 Python
CSS3中Transform动画属性用法详解
2016/07/04 HTML / CSS
CSS3+JavaScript实现炫酷呼吸效果的示例代码
2020/06/15 HTML / CSS
房产公证书范本
2014/04/10 职场文书
质量负责人任命书
2014/06/06 职场文书
信息管理与信息系统专业求职信
2014/06/21 职场文书
2014财务年终工作总结
2014/12/08 职场文书
亮剑观后感600字
2015/06/05 职场文书
Python包管理工具pip的15 个使用小技巧
2021/05/17 Python
MySQL 逻辑备份 into outfile
2022/05/15 MySQL