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 继承使用分析
May 12 Javascript
Ext JS添加子组件的误区探讨
Jun 28 Javascript
json数据的列循环示例
Sep 06 Javascript
调整小数的格式保留小数点后两位
May 14 Javascript
js+div实现文字滚动和图片切换效果代码
Aug 27 Javascript
JSON格式的时间/Date(2367828670431)/格式转为正常的年-月-日 格式的代码
Jul 27 Javascript
JavaScript实战之带收放动画效果的导航菜单
Aug 16 Javascript
JS查找字符串中出现最多的字符及个数统计
Feb 04 Javascript
详解vue 配合vue-resource调用接口获取数据
Jun 22 Javascript
原生js封装添加class,删除class的实例
Nov 06 Javascript
使用vue-route 的 beforeEach 实现导航守卫(路由跳转前验证登录)功能
Mar 22 Javascript
JavaScript 面向对象基础简单示例
Oct 02 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制作基于xml的RSS订阅源功能示例
2017/02/08 PHP
PHP编程求最大公约数与最小公倍数的方法示例
2017/05/29 PHP
php中加密解密DES类的简单使用方法示例
2020/03/26 PHP
js 跨域和ajax 跨域问题小结
2009/07/01 Javascript
JS 遮照层实现代码
2010/03/31 Javascript
js的[defer]和[async]属性
2014/11/24 Javascript
JS实现判断滚动条滚到页面底部并执行事件的方法
2014/12/18 Javascript
使用AngularJS来实现HTML页面嵌套的方法
2015/06/17 Javascript
动态加载js、css的简单实现代码
2016/05/26 Javascript
jQuery实现简单的网页换肤效果示例
2016/09/18 Javascript
Vue2.0如何发布项目实战
2017/07/27 Javascript
jQuery实现使用sort方法对json数据排序的方法
2018/04/17 jQuery
js/jquery遍历对象和数组的方法分析【forEach,map与each方法】
2019/02/27 jQuery
记一次Vue.js混入mixin的使用(分权限管理页面)
2019/04/17 Javascript
javascript实现遮罩层动态效果实例
2019/05/14 Javascript
JS代码检查工具ESLint介绍与使用方法
2020/02/04 Javascript
详解Python核心编程中的浅拷贝与深拷贝
2018/01/07 Python
用python打印1~20的整数实例讲解
2019/07/01 Python
解决Opencv+Python cv2.imshow闪退问题
2020/04/24 Python
详解如何在PyCharm控制台中输出彩色文字和背景
2020/08/17 Python
python中把元组转换为namedtuple方法
2020/12/09 Python
移动端适配 使px自动转换rem
2019/08/26 HTML / CSS
美国猫狗药物和用品网站:PetCareRx
2017/01/05 全球购物
安全检查与奖惩制度
2014/01/23 职场文书
弘扬雷锋精神演讲稿
2014/05/10 职场文书
大专生求职信
2014/06/29 职场文书
中华在我心中演讲稿
2014/09/13 职场文书
教师自查自纠材料
2014/10/14 职场文书
辩护词范文大全
2015/05/21 职场文书
外出听课学习心得体会
2016/01/15 职场文书
python3读取文件指定行的三种方法
2021/05/24 Python
如何设计高效合理的MySQL查询语句
2021/05/26 MySQL
Java实现二维数组和稀疏数组之间的转换
2021/06/27 Java/Android
深入浅析Django MTV模式
2021/09/04 Python
nginx代理实现静态资源访问的示例代码
2022/07/07 Servers
CSS元素定位之通过元素的标签或者元素的id、class属性定位详解
2022/09/23 HTML / CSS