当前位置:首页 > 网页设计 >Javascript >

JavaScript获取超链接中的参数

发布时间:2016-06-28 14:04:39 作者:佚名 阅读:(485)

window.location.href:设置或获取整个 URL 为字符串
window.location.pathname:设置或获取对象指定的文件名或路径
window.location.search:设置或获取 href 属性中跟在问号后面的部分
要获取变量的值可以试试:
var urlParam= window.location.search;
var loc = urlParam.substring(urlParam.lastIndexOf('=')+1, urlParam.length);
如果是多个参数可以分布切割,得到多个键值对。


假设页面的地址是这样子的。http://www.itbiancheng.com/p/165 ,那么我要获取最后的一个数字165,可以通过这样子的代码

var url= window.location.href;
var index = url.substring(url.lastIndexOf('/') + 1);

但是这样子有缺陷,假如我获取到的地址不是这样子的形式,而是http://www.itbiancheng.com/tools的话,那么这个index的值就不是一个数字了。

解决方案

下面这种可能会更好呢?

var lastBit = url.substring(url.lastIndexOf('/') + 1).match(/[^\/]*$/)[0];
var lastDigits = url.substring(url.lastIndexOf('/') + 1).match(/[0-9]*$/)[0];  // 获取的是数字部分

获取查询值

<script type="text/javascript">
(function($){
$.getUrlParam = function(name)
{
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r!=null) return unescape(r[2]); return null;
}
})(jQuery);
$(function(){
alert(window.location.href);
alert($.getUrlParam('page'));
})
</script>

http://www.itbiancheng.com/front?page=5

当一个页面的地址是上面这个,那么我们使用了上面的jQuery代码,就会弹出一个数字5了。

内容扩展

对于像下面这样的网址

http://www.itbiancheng.com:80/fisker/post/0703/window.location.html?ver=1.0&id=6#imhere

我们可以用javascript获得其中的各个部分
1, window.location.href-----------整个URl字符串(在浏览器中就是完整的地址栏)
本例返回值: http://www.itbiancheng.com:80/fisker/post/0703/window.location.html?ver=1.0&id=6#imhere

2,window.location.protocol---------URL 的协议部分
本例返回值:http:

3,window.location.host----------URL 的主机部分
本例返回值:www.itbiancheng.com

4,window.location.port-----URL 的端口部分
如果采用默认的80端口(update:即使添加了:80),那么返回值并不是默认的80而是空字符
本例返回值:""

5,window.location.pathname(URL 的路径部分(就是文件地址))
本例返回值:/fisker/post/0703/window.location.html

6,window.location.search-------查询(参数)部分
除了给动态语言赋值以外,我们同样可以给静态页面,并使用javascript来获得相信应的参数值
本例返回值:?ver=1.0&id=6

7,window.location.hash-------锚点
本例返回值:#imhere

欢迎分享转载→ JavaScript获取超链接中的参数

© 2015-2019 - 吾爱编程网 版权所有 苏ICP备18033726号-1关于我们 - 网站声明 - 联系我们