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获取scrollHeight问题想到的标准问题
May 27 Javascript
JavaScript 组件之旅(二)编码实现和算法
Oct 28 Javascript
通过正则表达式实现表单验证是否为中文
Feb 18 Javascript
微信WeixinJSBridge API使用实例
May 25 Javascript
jQuery实现可以控制图片旋转角度效果(附demo源码下载)
Jan 27 Javascript
AngularJS中$http服务常用的应用及参数
Aug 22 Javascript
微信小程序-获得用户输入内容
Feb 13 Javascript
JS+DIV实现的卷帘效果示例
Mar 22 Javascript
js 中rewrap-ajax.js插件实例代码
Oct 20 Javascript
json字符串传到前台input的方法
Aug 06 Javascript
Vue2.0+Vux搭建一个完整的移动webApp项目的示例
Mar 19 Javascript
js实现时间日期校验
May 26 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实现禁用IE和火狐的缓存问题
2012/12/03 PHP
php导入导出excel实例
2013/10/25 PHP
PHP获取真实客户端的真实IP
2017/03/07 PHP
BOOM vs RR BO5 第二场 2.14
2021/03/10 DOTA
JavaScript栏目列表隐藏/显示简单实现
2013/04/03 Javascript
在js文件中如何获取basePath处理js路径问题
2013/07/10 Javascript
js中各种类型的变量在if条件中是true还是false
2014/07/16 Javascript
解决bootstrap中modal遇到Esc键无法关闭页面
2015/03/09 Javascript
javascript实现网页屏蔽Backspace事件,输入框不屏蔽
2015/07/21 Javascript
Javascript Event(事件)的传播与冒泡
2017/01/23 Javascript
JS简单生成随机数(随机密码)的方法
2017/05/11 Javascript
让网站自动生成章节目录索引的多个js代码
2018/01/07 Javascript
微信小程序中换行空格(多个空格)写法详解
2018/07/10 Javascript
微信小程序滑动选择器的实现代码
2018/08/10 Javascript
vue基于element的区间选择组件
2018/09/07 Javascript
js实现适配移动端的拖动效果
2020/01/13 Javascript
JS Web Flex弹性盒子模型代码实例
2020/03/10 Javascript
Vue computed 计算属性代码实例
2020/04/22 Javascript
js实现弹窗猜数字游戏
2020/11/26 Javascript
[38:31]完美世界DOTA2联赛PWL S3 Magma vs GXR 第一场 12.13
2020/12/17 DOTA
python判断、获取一张图片主色调的2个实例
2014/04/10 Python
web.py在SAE中的Session问题解决方法(使用mysql存储)
2015/06/24 Python
Python使用SQLite和Excel操作进行数据分析
2018/01/20 Python
python sorted函数的小练习及解答
2019/09/18 Python
Django将默认的SQLite更换为MySQL的实现
2019/11/18 Python
在flask中使用python-dotenv+flask-cli自定义命令(推荐)
2020/01/05 Python
Python自动化测试基础必备知识点总结
2021/02/07 Python
CSS3旋转——彩色扇子兼容firefox浏览器
2013/06/04 HTML / CSS
Melissa鞋英国官方网站:Nonnon
2019/05/01 全球购物
C/C++程序员常见面试题二
2015/11/19 面试题
咨询公司各岗位职责
2013/12/02 职场文书
邓小平理论心得体会
2014/09/09 职场文书
风雨哈佛路观后感
2015/06/03 职场文书
运动会宣传稿50字
2015/07/23 职场文书
教你使用pyinstaller打包Python教程
2021/05/27 Python
浅谈TypeScript 索引签名的理解
2021/10/16 Javascript