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控制CSS样式属性语法对照表
Dec 11 Javascript
jQuery元素的隐藏与显示实例
Jan 20 Javascript
jquery中ajax处理跨域的三大方式
Jan 05 Javascript
基于JS实现密码框(password)中显示文字提示功能代码
May 27 Javascript
jQuery中的on与bind绑定事件区别实例详解
Feb 28 Javascript
bootstrap paginator分页前后台用法示例
Jun 17 Javascript
微信小程序注册60s倒计时功能 使用JS实现注册60s倒计时功能
Aug 16 Javascript
Node.JS中快速扫描端口并发现局域网内的Web服务器地址(80)
Sep 18 Javascript
JS实现图片放大镜插件详解
Nov 06 Javascript
教你30秒发布一个TypeScript包到NPM的方法步骤
Jul 22 Javascript
TypeScript类型声明书写详解
Aug 28 Javascript
在layui中对table中的数据进行判断(0、1)转换为提示信息的方法
Sep 28 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
克隆一个新项目的快捷方式
2013/04/10 PHP
Yii分页用法实例详解
2014/12/04 PHP
1亿条数据如何分表100张到Mysql数据库中(PHP)
2015/07/29 PHP
PHP程序员不应该忽略的3点
2015/10/09 PHP
jquery photoFrame 图片边框美化显示插件
2010/06/28 Javascript
往光标所在位置插入值的js代码
2013/09/22 Javascript
[将免费进行到底]在Amazon的一年免费服务器上安装Node.JS, NPM和OurJS博客
2014/08/18 Javascript
编写简单的jQuery提示插件
2014/12/21 Javascript
javascript实现十秒钟后注册按钮可点击的方法
2015/05/13 Javascript
JavaScript实现弹出模态窗体并接受传值的方法
2016/02/12 Javascript
原生JS实现首页进度加载动画
2016/09/14 Javascript
DWR3 访问WEB元素的两种方法实例详解
2017/01/03 Javascript
Vue结合原生js实现自定义组件自动生成示例
2017/01/21 Javascript
JavaScript实现京东购物放大镜和选项卡效果的方法分析
2018/07/05 Javascript
vue如何截取字符串
2019/05/06 Javascript
在Vue项目中用fullcalendar制作日程表的示例代码
2019/08/04 Javascript
[02:01]2018完美盛典-开场舞《双子星》
2018/12/16 DOTA
Python抽象类的新写法
2015/06/18 Python
python使用matplotlib绘制热图
2018/11/07 Python
python openvc 裁剪、剪切图片 提取图片的行和列
2019/09/19 Python
Python 使用 environs 库定义环境变量的方法
2020/02/25 Python
python logging.info在终端没输出的解决
2020/05/12 Python
Django通过设置CORS解决跨域问题
2020/11/26 Python
一款纯css3实现的tab选项卡的实列教程
2014/12/11 HTML / CSS
html5与css3小应用
2013/04/03 HTML / CSS
浅析移动设备HTML5页面布局
2015/12/01 HTML / CSS
BNKR中国官网:带你感受澳洲领先潮流时尚
2018/08/21 全球购物
伦敦鲜花递送:Flower Station
2021/02/03 全球购物
管理科学大学生求职信
2013/11/13 职场文书
培训讲师岗位职责
2014/04/13 职场文书
初中学生评语大全
2014/04/24 职场文书
开展批评与自我批评发言材料
2014/05/15 职场文书
消防安全承诺书
2014/05/22 职场文书
2014年企业员工工作总结
2014/12/09 职场文书
团委工作总结2015
2015/04/02 职场文书
MySQL大小写敏感的注意事项
2021/05/24 MySQL