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动态创建、删除表格示例代码
Aug 07 Javascript
JS 对象属性相关(检查属性、枚举属性等)
Apr 05 Javascript
JavaScript DOM元素尺寸和位置
Apr 13 Javascript
Node.js复制文件的方法示例
Dec 29 Javascript
canvas实现钟表效果
Feb 13 Javascript
js时间查询插件使用详解
Apr 07 Javascript
详解.vue文件中监听input输入事件(oninput)
Sep 19 Javascript
node.js支持多用户web终端实现及安全方案
Nov 29 Javascript
JS 实现分页打印功能
May 16 Javascript
ES6与CommonJS中的模块处理的区别
Jun 13 Javascript
详解vue添加删除元素的方法
Jun 30 Javascript
Vue+Element-UI实现上传图片并压缩
Nov 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
twig模板获取全局变量的方法
2016/02/05 PHP
thinkPHP+PHPExcel实现读取文件日期的方法(含时分秒)
2016/07/07 PHP
PHP基于Closure类创建匿名函数的方法详解
2017/08/17 PHP
浅谈PHP中pack、unpack的详细用法
2018/03/12 PHP
JQuery里面的几种选择器 查找满足条件的元素$(&quot;#控件ID&quot;)
2011/08/23 Javascript
js/jQuery简单实现选项卡功能
2014/01/02 Javascript
JavaScript字符串对象substr方法入门实例(用于截取字符串)
2014/10/16 Javascript
JavaScript分析、压缩工具JavaScript Analyser
2014/12/31 Javascript
jQuery+PHP实现动态数字展示特效
2015/03/14 Javascript
使用AOP改善javascript代码
2015/05/01 Javascript
jQuery web 组件 后台日历价格、库存设置的代码
2016/10/14 Javascript
Angular2 多级注入器详解及实例
2016/10/30 Javascript
react native实现往服务器上传网络图片的实例
2017/08/07 Javascript
浅谈vue的props,data,computed变化对组件更新的影响
2018/01/16 Javascript
JavaScript实现封闭区域布尔运算的示例代码
2018/06/25 Javascript
vue中filters 传入两个参数 / 使用两个filters的实现方法
2019/07/15 Javascript
VScode格式化ESlint方法(最全最好用方法)
2019/09/10 Javascript
将Python中的数据存储到系统本地的简单方法
2015/04/11 Python
Google开源的Python格式化工具YAPF的安装和使用教程
2016/05/31 Python
Python闭包的两个注意事项(推荐)
2017/03/20 Python
python实现分页效果
2017/10/25 Python
Python利用Django如何写restful api接口详解
2018/06/08 Python
Numpy数据类型转换astype,dtype的方法
2018/06/09 Python
python 处理string到hex脚本的方法
2018/10/26 Python
[原创]Python入门教程1. 基本运算【四则运算、变量、math模块等】
2018/10/28 Python
pandas实现to_sql将DataFrame保存到数据库中
2019/07/03 Python
Django基础三之视图函数的使用方法
2019/07/18 Python
利用ImageAI库只需几行python代码实现目标检测
2019/08/09 Python
基于Canvas+Vue的弹幕组件的实现
2019/07/23 HTML / CSS
学生学习总结的自我评价
2013/10/22 职场文书
拉丁舞学习者的自我评价
2013/10/27 职场文书
大学毕业生最详细的自我评价分享
2013/11/18 职场文书
2014年信息宣传工作总结
2014/12/18 职场文书
Python 实现定积分与二重定积分的操作
2021/05/26 Python
pytorch model.cuda()花费时间很长的解决
2021/06/01 Python
python游戏开发之pygame实现接球小游戏
2022/04/22 Python