JavaScript による HTML 静的ページ パラメーターの渡し値の取得 Example_javascript のヒント

WBOY
リリース: 2016-05-16 17:25:28
オリジナル
1217 人が閲覧しました

私のコードを紹介します。

例 1
正規表現を使用して

を取得します。 コードをコピーします コードは次のとおりです。

var LocString = String(window.document.location.href)
function getQueryStr(str); ) {
var rs = new RegExp("(^|)" str "=([^&]*)(&|$)", "gi").exec(LocString), tmp; ( tmp = rs) {
return tmp[2];
}
// パラメータが見つかりません
return ""
}

メソッドを呼び出します

コードをコピー コードは次のとおりです:
document.getElementById("user")。値 = getQueryStr( "ユーザー");
document.getElementById("パスワード").value = getQueryStr("パスワード");
document.getElementById("sysno").value = getQueryStr("sysno") ;


例 2 split 関数を使用してパラメータに従って配列に分割します

コードをコピー コードは次のとおりです:
<script> <br>urlinfo=window.location.href; // 現在のページの URL を取得します。 len=urlinfo.length;//URLの長さを取得します<br>offset=urlinfo.indexOf("?");//パラメータ文字列の開始位置を設定します<br>newsidinfo=urlinfo.substr(offset,len)/ /パラメータ文字列を削除すると、「id= 1」のような文字列が得られます<br>newsids=newsidinfo.split("=");//取得したパラメータ文字列を「=<br>newsid=」に従って分割しますnewsids[1];//パラメータ値を取得します<br>alert("渡したいパラメータ値は " newsid); <br><br> <br>ただし、必ずこのメソッドは、パラメータを含む URL に対してのみ有効であることに注意してください。相手が POST メソッドを使用してパラメータを渡す場合、URL にはパラメータが含まれないため、この手法は GET メソッドまたは指定された URL に対してのみ有効です。パラメータ <br> </div>以下の完全な例を見てください<br><br>aa.htm パラメータ入力および浸透インターフェイスです <br>bb.htm はパラメータ受信および処理インターフェイスです <br>aa.htm <br><br><br><br><div class="codetitle">コードをコピー<span><a style="CURSOR: pointer" data="75519" class="copybut" id="copybut75519" onclick="doCopy('code75519')"><u> コードは次のとおりです。 </u></a> </span> </div> () <div class="codebody" id="code75519"> { <br> var input1 = document.getElementById("inputid"); <br> window.open("bb.htm?inputStr=" input1.value); // パラメータを渡します <br> } <br> </script>

>
bb.ht;

<script>パラメータ <br> var request = <br> { <br> QueryString : function(val) <br> { <br> var uri = window.location.search; <br> var re = new RegExp("" val "= ([^&?]*)", "ig"); <br> return ((uri.match(re))?(uri.match(re)[0].substr(val.length th 1 )): null); <br> } <br> } <br> </script>


<script> 🎜> var rt = request.QueryString("inputStr"); <br> <br> <br> <br> <br> bb.htm <br><br><br><br><br>コードをコピー<br><br><br> コードは次のとおりです:<br><div class="codebody" id="code56957"> <br><html> <br> <br> <title>テスト</title> <br> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <br> <スクリプト言語="JavaScript"> <br> <!-- <BR> var request = { <BR> QueryString : function(val) { <BR> var uri = window.location.search; <BR> var re = new RegExp("" val "=([^&?]*)", "ig"); <BR> return ((uri.match(re))?(uri.match(re)[0].substr(val.length th 1)):null); <BR> } <BR> } <BR> var a = request.QueryString ("a"); <BR> var b = request.QueryString ("b"); <BR> var c = request.QueryString ("c"); <BR> if ((a != null)){a=a} else{a="パラメータA空"} <BR> if ((b != null)){b=b} else{b="パラメータB空"} <BR> if ((c != null)){c=c} else{c="パラメータC空"} <BR> document.writeln("パラメータA: " a); <BR> document.writeln("<br>パラメータB: " b); <BR> document.writeln("<br>パラメータC: " c); <BR> //--> <BR> </SCRIPT>



请输入力パラメータ值:

<スクリプト言語="JavaScript">
document.writeln("A:
");
document.writeln("B:
");
document.writeln("C:
");





関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート