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执行顺序
Nov 09 Javascript
js操作select控件的几种方法
Jun 02 Javascript
浏览器常用高宽的jquery插件
Feb 24 Javascript
浅析LigerUi开发中谨慎载入common.css文件
Jul 09 Javascript
PHP中CURL的几个经典应用实例
Jan 23 Javascript
js+html5绘制图片到canvas的方法
Jun 05 Javascript
JQuery替换DOM节点的方法
Jun 11 Javascript
Angular的MVC和作用域
Dec 26 Javascript
JS获取浮动(float)元素的style.left值为空的快速解决办法
Feb 19 Javascript
详解wow.js中各种特效对应的类名
Sep 13 Javascript
JS随机密码生成算法
Sep 23 Javascript
浅析JavaScript 函数柯里化
Sep 08 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
十大催泪虐心动漫电影,有几部你还没看
2020/03/04 日漫
PHP常用的缓存技术汇总
2014/05/05 PHP
windwos下使用php连接oracle数据库的过程分享
2014/05/26 PHP
php魔法函数与魔法常量使用介绍
2017/07/23 PHP
PHP实现搜索时记住状态的方法示例
2018/05/11 PHP
一些主流JS框架中DOMReady事件的实现小结
2011/02/12 Javascript
js父窗口关闭时子窗口随之关闭完美解决方案
2014/04/29 Javascript
调整小数的格式保留小数点后两位
2014/05/14 Javascript
jQuery+css3实现Ajax点击后动态删除功能的方法
2015/08/10 Javascript
jQuery+正则+文本框只能输入数字的实现方法
2016/10/07 Javascript
Bootstrap CDN和本地化环境搭建
2016/10/26 Javascript
AngularJS入门教程之Helloworld示例
2016/12/25 Javascript
详解基于Vue,Nginx的前后端不分离部署教程
2018/12/04 Javascript
JavaScript实现背景自动切换小案例
2019/09/27 Javascript
超简单的微信小程序轮播图
2019/11/22 Javascript
Python使用win32com实现的模拟浏览器功能示例
2017/07/13 Python
python处理csv数据动态显示曲线实例代码
2018/01/23 Python
详解python tkinter教程-事件绑定
2019/03/28 Python
详解python中*号的用法
2019/10/21 Python
使用sklearn对多分类的每个类别进行指标评价操作
2020/06/11 Python
css3实现简单的白云飘动背景特效
2020/10/28 HTML / CSS
canvas仿写贝塞尔曲线的示例代码
2017/12/29 HTML / CSS
HTML5播放实现rtmp流直播
2020/06/16 HTML / CSS
一份报关员的职业规划范文
2014/01/08 职场文书
高中毕业自我评价
2014/02/08 职场文书
2014年村支部书记四风对照检查材料思想汇报
2014/10/02 职场文书
淘宝文案策划岗位职责
2015/04/14 职场文书
行政申诉状范文
2015/05/20 职场文书
2015年惩防体系建设工作总结
2015/05/22 职场文书
小人国观后感
2015/06/11 职场文书
埃及王子观后感
2015/06/16 职场文书
2015年小学总务工作总结
2015/07/21 职场文书
优质服务标语口号
2015/12/26 职场文书
2019年大学推荐信
2019/06/24 职场文书
Memcached介绍及php-memcache扩展安装
2021/04/01 PHP
python用tkinter开发的扫雷游戏
2021/06/01 Python