javascriptを利用してHTMLページ間のパラメータを実現します.

10963 ワード
JavaScript

単純なhtmlページではページをまたいで値を伝えることができないので、jsに頼って解決しなければなりません.以下の例では、aページから001検索を入力し、bページは検索結果を表示します.
a.code
1

2

3

4

5

6


<form method="get" action="b.htm">

  <input type="text" name="uid">

  <br/><br/>

  <input type="submit" value="Search">

  <br/>

</form>
b.code
1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47


<head>

<script type="text/javascript" >

function Request(strName) 

{ 

	var strHref = window.document.location.href; 

	var intPos = strHref.indexOf("?"); 

	var strRight = strHref.substr(intPos + 1); 

 

	var arrTmp = strRight.split("&"); 

	for(var i = 0; i < arrTmp.length; i++) 

	{ 

		var arrTemp = arrTmp[i].split("="); 

		if(arrTemp[0].toUpperCase() == strName.toUpperCase()) return arrTemp[1]; 

	} 

	return ""; 

}

</script>

</head>

<body>

<table border="1" width="300">

  <tr bgcolor="gray">

    <td height="25">ID</td>

    <td>NAME</td>

  </tr>

  <tr id="div001" style="display: none;">

    <td height="25">001</td>

    <td>Wang</td>

  </tr>

  <tr id="div002" style="display: none;">

    <td height="25">002</td>

    <td>Zhang</td>

  </tr>

</table>

<script type="text/javascript" >

var uidtemp = Request("uid");

if(uidtemp=="001") {

	document.getElementById("div001").style.display="";

} else {

	document.getElementById("div001").style.display="none";

}

if(uidtemp=="002") {

	document.getElementById("div002").style.display="";

} else {

	document.getElementById("div002").style.display="none";

}

 </script>

</body>
 
*********************************************************************************
*********************************************************************************
 
index.httmパラメーター1=数値1&パラメーター2=数値2&パラメーター3=データ3&パラメーター4=数値4&…phpプログラマの家
静的htmlファイルjsは、urlパラメータを読み込み、これまでのパラメータ値に応じて制御します.
一、文字列分割分析法.
ここは、URL QUSTRINGパラメータを持つJAVALSCRIPTクライアントソリューションです.aspのrequest.querystring、PHPの$uに相当します.GET
関数:
＜Script laguage=「javascript」＞
function GetRequest(){ 
   var url=location.search;/urlの「?」の文字を取得した後の文字列
   var therequest=new Object()
   if(url.indexOf)=-1){ 
      var str=url.substr(1);phperz.com
      sts=str.split('&;) 
      for(var i=0;i＜sts.length;i＋)｛
         therequest[sts].split(=)[0]=unescape(sts[i].split(=)[1]) 
      } 
   }
   return therequest
)

この関数を呼び出して対応するパラメータ値を取得します.
＜Script laguage=「javascript」＞
var Request=new Object()
Request=Get Request()
varパラメータ1、パラメータ2、パラメータ3、パラメータN.
パラメータ1=Request['パラメータ1'];phpプログラマステーション
パラメータ2=Request['パラメータ2']
パラメータ3=Request['パラメータ3']
パラメータN=Request['パラメータN'] 

これにより、url列にある同名のパラメータを取得します.
二、正則分析法.
function GetQueryString(name)
{   
    var reg=new RegExp("^|&)"+name+"=(&124;;$)",",",",",",",")
    var=window.locations.search.substr(1).match(reg);
    if(r!=null)return unescape(r[2]);return null;
)
alert(GetQueryString(パラメータ名1);
alert(GetQueryString(パラメータ名2);
alert(GetQueryString(パラメータ名3); 
本論文はPHPプログラマステーションから来ました.転載は出所を明記してください.http://www.phperz.com/web-design/javascript/011QR46201218246.html.
ES 6 JavaScript関数詳細