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加解密功能页面
Dec 12 Javascript
浏览器解析js生成的html出现样式问题的解决方法
Apr 16 Javascript
jquery 事件冒泡的介绍以及如何阻止事件冒泡
Dec 25 Javascript
JS操作XML实例总结(加载与解析XML文件、字符串)
Dec 08 Javascript
javascript合并表格单元格实例代码
Jan 03 Javascript
jQuery实例—选项卡的简单实现(js源码和jQuery)
Jun 14 Javascript
js 获取站点应用名的简单实例
Aug 18 Javascript
详解JS几种变量交换方式以及性能分析对比
Nov 25 Javascript
bootstrap 模态框(modal)实现水平垂直居中显示
Jan 23 Javascript
用js屏蔽被http劫持的浮动广告实现方法
Aug 10 Javascript
jQuery.Sumoselect插件实现下拉复选框效果
Nov 09 jQuery
Vue实现穿梭框效果
Sep 30 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中output_buffering
2015/07/13 PHP
ZF框架实现发送邮件的方法
2015/12/03 PHP
PHP使用MPDF类生成PDF的方法
2015/12/08 PHP
Thinkphp事务操作实例(推荐)
2017/04/01 PHP
Javascript----文件操作
2007/01/18 Javascript
javascript addBookmark 加入收藏 多浏览器兼容
2009/08/15 Javascript
JS获取DropDownList的value值与text值的示例代码
2014/01/07 Javascript
一个很有趣3D球状标签云兼容IE8
2014/08/22 Javascript
JavaScript实现大数的运算
2014/11/24 Javascript
js实现下拉框选择要显示图片的方法
2015/02/16 Javascript
JS实现自定义简单网页软键盘效果代码
2015/11/05 Javascript
学习使用grunt来打包JavaScript和CSS程序的教程
2016/01/04 Javascript
Bootstrap表单布局样式源代码
2016/07/04 Javascript
js实现数组和对象的深浅拷贝
2017/09/30 Javascript
JavaScript实现简单的文本逐字打印效果示例
2018/04/12 Javascript
Vue无限滑动周选择日期的组件的示例代码
2018/07/18 Javascript
layer.close()关闭进度条和Iframe窗的方法
2018/08/17 Javascript
Vue CLI项目 axios模块前后端交互的使用(类似ajax提交)
2019/09/01 Javascript
使用Python来编写HTTP服务器的超级指南
2016/02/18 Python
和孩子一起学习python之变量命名规则
2018/05/27 Python
Python迭代器模块itertools使用原理解析
2019/12/11 Python
Selenium结合BeautifulSoup4编写简单的python爬虫
2020/11/06 Python
Django框架请求生命周期实现原理
2020/11/13 Python
CSS3中Transition动画属性用法详解
2016/07/04 HTML / CSS
谷歌浏览器小字体处理方案即12px以下字体
2013/12/17 HTML / CSS
阿迪达斯荷兰官方网站:adidas荷兰
2018/03/16 全球购物
德国旅游网站:weg.de
2018/06/03 全球购物
Bonami斯洛伐克:购买家具和家居饰品
2019/07/02 全球购物
大学生应聘自荐信
2013/10/11 职场文书
高一自我鉴定
2013/12/17 职场文书
大学专科求职信
2014/07/02 职场文书
酒店员工管理制度
2015/08/05 职场文书
安全伴我行主题班会
2015/08/13 职场文书
数据结构课程设计心得体会
2016/01/15 职场文书
Python包管理工具pip的15 个使用小技巧
2021/05/17 Python
victoriaMetrics库布隆过滤器初始化及使用详解
2022/04/05 Golang