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 学习笔记(十三)Dom创建表格
Jan 21 Javascript
JS字符串累加Array不一定比字符串累加快(根据电脑配置)
May 14 Javascript
增强用户体验友好性之jquery easyui window 窗口关闭时的提示
Jun 22 Javascript
JQuery中serialize()、serializeArray()和param()方法示例介绍
Jul 31 Javascript
jQuery实现设置、移除文本框默认值功能
Jan 13 Javascript
jQuery实现的网格线绘制方法
Jun 20 Javascript
Vue2路由动画效果的实现代码
Jul 10 Javascript
解决JQuery全选/反选第二次失效的问题
Oct 11 jQuery
Vue从TodoList中学父子组件通信
Feb 05 Javascript
js继承的这6种方式!(上)
Apr 23 Javascript
vue中添加与删除关键字搜索功能
Oct 12 Javascript
Vue.Draggable实现交换位置
Apr 07 Vue.js
图片轮换效果实现代码(点击按钮停止执行)
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版单点登陆实现方案的实例
2016/11/17 PHP
php输出文字乱码的解决方法
2019/10/04 PHP
Laravel监听数据库访问,打印SQL的例子
2019/10/24 PHP
Confirmer JQuery确认对话框组件
2010/06/09 Javascript
XMLHTTP 乱码的解决方法(UTF8,GB2312 编码 解码)
2011/01/12 Javascript
jquery中:input和input的区别分析
2011/07/13 Javascript
JS获取键盘上任意按键的值(实例代码)
2013/11/12 Javascript
在JavaScript中使用开平方根的sqrt()方法
2015/06/15 Javascript
跟我学习javascript的call(),apply(),bind()与回调
2015/11/16 Javascript
微信小程序 支付功能实现PHP实例详解
2017/05/12 Javascript
js实现移动端轮播图效果
2020/12/09 Javascript
vue里面父组件修改子组件样式的方法
2018/02/03 Javascript
详解vue2.0 资源文件assets和static的区别
2018/11/27 Javascript
JavaScript中filter的用法实例分析
2019/02/27 Javascript
vue微信分享的实现(在当前页面分享其他页面)
2019/04/16 Javascript
ant design 日期格式化的实现
2020/10/27 Javascript
深入浅析ImageMagick命令执行漏洞
2016/10/11 Python
Python文件操作之合并文本文件内容示例代码
2017/09/19 Python
python2.7和NLTK安装详细教程
2018/09/19 Python
python实现五子棋小游戏
2020/03/25 Python
python3人脸识别的两种方法
2019/04/25 Python
python fuzzywuzzy模块模糊字符串匹配详细用法
2019/08/29 Python
Python 装饰器原理、定义与用法详解
2019/12/07 Python
Python3 元组tuple入门基础
2020/02/09 Python
python实现网页录音效果
2020/10/26 Python
python 获取字典键值对的实现
2020/11/12 Python
Boston Proper官网:美国女装品牌
2017/10/30 全球购物
澳大利亚二手奢侈品网站:Modsie
2019/09/23 全球购物
网络技术专业求职信
2014/02/18 职场文书
生产厂长岗位职责
2014/02/21 职场文书
村干部群众路线整改措施思想汇报
2014/10/12 职场文书
财政局个人总结
2015/03/04 职场文书
Python自动化测试PO模型封装过程详解
2021/06/22 Python
微信小程序scroll-view不能左右滑动问题的解决方法
2021/07/09 Javascript
SQL SERVER实现连接与合并查询
2022/02/24 SQL Server
python_tkinter弹出对话框创建
2022/03/20 Python