> 웹 프론트엔드 > JS 튜토리얼 > url_javascript 기술에 의해 전달된 값을 가져오는 js 메소드

url_javascript 기술에 의해 전달된 값을 가져오는 js 메소드

WBOY
풀어 주다: 2016-05-16 15:24:46
원래의
2845명이 탐색했습니다.

本文实例讲述了js获取url传值的方法。分享给大家供大家参考,具体如下:

js获取url参数值:

index.htm?参数1=数值1&参数2=数值2&参数3=数据3&参数4=数值4&......

静态html文件js读取url参数 根据获取html的参数值控制html页面输出

一、字符串分割分析法

这里是一个获取URL带QUESTRING参数的JAVASCRIPT客户端解决方案,相当于asp的request.querystring,PHP的$_GET

函数:

<Script language="javascript">
function GetRequest() {
var url = location.search; //获取url中"&#63;"符后的字串
var theRequest = new Object();
if (url.indexOf("&#63;") != -1) {
var str = url.substr(1);
strs = str.split("&");
for(var i = 0; i < strs.length; i ++) {
theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
}
}
return theRequest;
}
</Script>

로그인 후 복사

然后我们通过调用此函数获取对应参数值:

<Script language="javascript">
var Request = new Object();
Request = GetRequest();
var 参数1,参数2,参数3,参数N;
参数1 = Request['参数1'];
参数2 = Request['参数2'];
参数3 = Request['参数3'];
参数N = Request['参数N'];
</Script>

로그인 후 복사

以此获取url串中所带的同名参数

二、正则分析法

function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");
var r = window.location.search.substr(1).match(reg);
if (r!=null) return unescape(r[2]); return null;
}
alert(GetQueryString("参数名1"));
alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名3"));

로그인 후 복사

补充:js 获取url的get传值函数

function getvl(name) {
  var reg = new RegExp("(^|\\&#63;|&)"+ name +"=([^&]*)(\\s|&|$)", "i");
  if (reg.test(location.href))
  return unescape(RegExp.$2.replace(/\+/g, " "));
  return "";
};

로그인 후 복사

用法简单的说一下

比如url是:http://localhost/index.php?qz=ddddk中qz的值代码如下

复制代码 代码如下:
getvl(bb);//这样就可以了

希望本文所述对大家JavaScript程序设计有所帮助。

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿