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表单提交的代码
Sep 13 Javascript
jQery使网页在显示器上居中显示适用于任何分辨率
Jun 09 Javascript
jquery中radio checked问题
Mar 16 Javascript
JavaScript获得url查询参数的方法
Jul 02 Javascript
mvc中form表单提交的三种方式(推荐)
Aug 10 Javascript
JavaScript实战(原生range和自定义特效)简单实例
Aug 21 Javascript
详解Angular2中的编程对象Observable
Sep 17 Javascript
关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)
Dec 14 Javascript
js数字计算 误差问题的快速解决方法
Feb 28 Javascript
详解VueJs前后端分离跨域问题
May 24 Javascript
layui select动态添加option的实例
Mar 07 Javascript
彻底搞懂并解决vue-cli4中图片显示的问题实现
Aug 31 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中设置时区方法小结
2012/06/03 PHP
关于Sphinx创建全文检索的索引介绍
2013/06/25 PHP
PHP三种方式实现链式操作详解
2017/01/21 PHP
Ubuntu中支持PHP5与PHP7双版本的简单实现
2018/08/19 PHP
使用Javascript接收get传递的值的代码
2011/11/30 Javascript
JQuery判断radio(单选框)是否选中和获取选中值方法总结
2015/04/15 Javascript
javascript实现数组中的内容随机输出
2015/08/11 Javascript
深入分析Javascript事件代理
2016/01/30 Javascript
Ionic如何实现下拉刷新与上拉加载功能
2016/06/03 Javascript
利用Node.js编写跨平台的spawn语句详解
2017/02/12 Javascript
微信小程序 向左滑动删除功能的实现
2017/03/10 Javascript
细说webpack源码之compile流程-入口函数run
2017/12/26 Javascript
JavaScript时间与时间戳的转换操作实例分析
2018/12/07 Javascript
JavaScript数组去重的方法总结【12种方法,号称史上最全】
2019/02/28 Javascript
利用Vconsole和Fillder进行移动端抓包调试方法
2019/03/05 Javascript
基于Vue 实现一个中规中矩loading组件
2019/04/03 Javascript
vue实现绑定事件的方法实例代码详解
2019/06/20 Javascript
小程序实现层叠卡片滑动效果
2019/08/26 Javascript
python读取浮点数和读取文本文件示例
2014/05/06 Python
python实现自动登录人人网并访问最近来访者实例
2014/09/26 Python
Python中使用md5sum检查目录中相同文件代码分享
2015/02/02 Python
Python多线程编程简单介绍
2015/04/13 Python
python opencv进行图像拼接
2020/03/27 Python
使用OpenCV获取图片连通域数量,并用不同颜色标记函
2020/06/04 Python
用python对excel查重
2020/12/07 Python
Grow Gorgeous美国官网:只要八天,体验唤醒毛囊后新生的茂密秀发
2018/06/04 全球购物
现代家居用品及礼品:LBC Modern
2018/06/24 全球购物
简述数组与指针的区别
2014/01/02 面试题
售后求职信范文
2014/03/15 职场文书
贺卡寄语大全
2014/04/11 职场文书
同学聚会策划方案
2014/06/06 职场文书
优秀会计求职信
2014/07/04 职场文书
融资合作协议书范本
2014/10/17 职场文书
档案管理员岗位职责
2015/02/12 职场文书
宪法宣传标语100条
2019/10/15 职场文书
CPU不支持Windows11系统怎么办
2021/11/21 数码科技