js location.href的参数获取实例与用法技巧

发布时间:2020-07-19编辑:脚本学堂
本文介绍下,js获取location.href参数的方法,以及location.href参数用法的一些技巧,有需要的朋友参考下。

用js获取location.href中的大数,可以这样:
window.location.search.substr(1); //substr(1) 是去掉参数里最开头的?号。

完整示例,如下:

<script>
//location.href参数获取
//by www.jb200.com
function getQuery(para){
var reg = new RegExp("(^|&)"+para +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if(r!=null){
return unescape(r[2]);
}
return null;
} 
</script>

下面分享下js href的用法技巧

有关:
window.location.href、location.href、parent.location.href、top.location.href的用法。
"window.location.href"、"location.href"是本页面跳转
"parent.location.href"是上一层页面跳转
"top.location.href"是最外层的页面跳转

举例:
如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,如果D中js这样写
"window.location.href"、"location.href":D页面跳转
"parent.location.href":C页面跳转
"top.location.href":A页面跳转

如果D页面中有form的话,
<form>: form提交后D页面跳转
<form target="_blank">: form提交后弹出新页面
<form target="_parent">: form提交后C页面跳转
<form target="_top"> : form提交后A页面跳转

对于页面刷新,D 页面中这样写:
"parent.location.reload();": C页面刷新 (当然,也可以使用子窗口的 opener 对象来获得父窗口的对象:window.opener.document.location.reload(); )
"top.location.reload();": A页面刷新

有关js location.href的参数实例,及location.href的用法技巧就介绍这些了,希望对大家有所帮助。