Javascript取得HTML靜態頁面參數傳遞值範例_javascript技巧

給大家看一下我的程式碼只要把這些程式碼嵌入頁面檔案即可

例一
利用正規表示式來取得

複製程式碼 程式碼如下:

var LocString = String(window.document.location.href);
function getQueryStr(strunction) {
var rs = new RegExp("(^|)" str "=([^&]*)(&|$)", "gi").exec(LocString), tmp;
if ( tmp = rs) {
return tmp[2];
}
// parameter cannot be found
return "";
}

呼叫方法

複製程式碼 程式碼如下:

document.getElementById("Mgetuser"). "user");
document.getElementById("password").value = getQueryStr("password");
document.getElementById("sysno").value = getQueryStr("sysno");

例二
利用split函數來按參數切成數組

複製代碼 程式碼如下:

<script> <BR>urlinfo=window.location.href; //取得目前頁面的url <BR>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></script>

不過一定要記得這個方法只是針對含有參數的url有用，如果對方用了POST方法傳遞參數，url中是不會含有參數的所以這個技巧只對GET方法或者指定了參數的url有用哦

下面看一個完整的實例

aa.htm是參數輸滲入滲出介面
bb.htm是參數接收處理介面
aa.htm

複製程式碼 程式碼如下:

　
　　
　　
　　 　　〜　〜〜〜〜〜　〜〜　〜〜　〜〜　〜〕〜)　　var input1 = document.getElementById("inputid");
　　window.open("bb.htm?inputStr=" input1.value);//傳入參數
　　〜　〜〜　〜〜　〜〜　〜〜　〜〜　〜〜]
　　
　　　
　　
　　
　　bb.htm:
　　
　　
　　<script> <BR>　　〜/取得參數的方法<<p〜　〜〜　〜〜/得到參數的方法<<>〜　〜〜　〜〜/得到參數的方法<p<>; QueryString : function(val) <BR>　　{ <BR>　　var uri = window.location.search; <BR>　　var re = new RegExp("" val "=([^&?]*)", "ig")*)", "ig") ; <BR>　　return ((uri.match(re))?(uri.match(re)[0].substr(val.leng th 1)):null); <BR>　　} <BR>　　} <BR>　　} <BR>　　} <BR> </script>
　　
　　
　　<script> <BR>　　//呼叫方法取得參數<BR>　　var rt = request.Strery( alert(rt); <BR>　　</script>
　　
　　


bb.htm

複製程式碼

程式碼如下:

<スクリプト言語="JavaScript">

请输入力パラメータ值:

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