> 웹 프론트엔드 > JS 튜토리얼 > JavaScript_javascript 기술에서 링크 매개변수를 얻는 방법에 대한 자세한 예

JavaScript_javascript 기술에서 링크 매개변수를 얻는 방법에 대한 자세한 예

WBOY
풀어 주다: 2016-05-16 15:22:20
원래의
1315명이 탐색했습니다.

URL을 사용하여 매개변수를 전달하는 방법은 모든 사람에게 익숙할 것입니다. 예:

http://www.softwhy.com/home.php?mod=space&do=home&view=all

매개변수가 전달되기 때문에 전달된 매개변수를 얻는 것은 당연합니다. 물론 매개변수를 얻는 방법은 다양합니다. 그 중 하나를 알려드리겠습니다. 도움이 되셨으면 좋겠습니다. . 코드는 다음과 같습니다.

var url="http://www.softwhy.com/home.php?mod=space&do=home&view=all";
if(url.indexOf("?")!=-1) 
{
var str=url.substr(url.indexOf("?")+1);
strs=str.split("&");
for(i=0;i<strs.length;i++) 
{
alert(strs.length);
alert(strs[i].split("=")[0]);
alert(strs[i].split("=")[1]);
alert(strs[i].split("=")[0],'=',strs[i].split("=")[1],'<br>');
}
}
로그인 후 복사

위 링크에서:

1.strs.length의 길이는 3입니다.
2.strs[0].split("=")[0]은 모드이고, strs[0].split("=")[1]은 공백입니다.
3.strs[1].split("=")[0]은 do이고, strs[1].split("=")[1]은 집입니다.

다음도 유사합니다.

주소 표시줄 매개변수를 얻기 위한 3가지 JS 코드 예제를 공유하겠습니다

정적 페이지의 주소 표시줄 매개변수 값을 가져와야 하는 경우가 있습니다. JS를 사용하는 것이 가장 쉬운 방법입니다. 다음은 주소 표시줄 매개변수를 가져오기 위해 javaScript를 사용하는 세 가지 함수 코드입니다. 하나씩 공유해 보세요. 코드 공유:

JS는 주소 표시줄 문자열 매개변수를 가져옵니다. 방법 1:

<script type="text/javascript">
Request = {
QueryString : function(item){
var svalue = location.search.match(new RegExp("[\&#63;\&]" + item + "=([^\&]*)(\&&#63;)","i"));
return svalue &#63; svalue[] : svalue;
}
}
alert(Request.QueryString("id"));
</script>
로그인 후 복사

JS는 주소 표시줄 문자열 매개변수를 가져옵니다. 방법 2:

<script type="text/javascript">
var URLParams = new Array();
var aParams = document.location.search.substr().split('&');
for (i=; i < aParams.length i++){
var aParam = aParams.split('=');
URLParams[aParam[]] = aParam[];
}
//获取传过来的name参数:
name=URLParams["name"];
</script>
로그인 후 복사

JS는 주소 표시줄 문자열 매개변수를 가져옵니다. 방법 3:

<script type="text/javascript">
function getvalue(name)
{
var str=window.location.search;
if (str.indexOf(name)!=-)
{
var pos_start=str.indexOf(name)+name.length+;
var pos_end=str.indexOf("&",pos_start);
if (pos_end==-)
{
return str.substring(pos_start);
}
else
{
return str.substring(pos_start,pos_end)
}
}
else
{
return "没有这个name值";
}
}
var strName=prompt("请输入您所要值的名字");
alert(getvalue(strName));
</script>
로그인 후 복사

이 세 가지 방법은 서로 다른 코어를 사용하므로 자신의 프로그램 요구 사항에 따라 선택하세요.

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