Kaedah JavaScript untuk memindahkan nilai antara kemahiran pages

Kaedah JavaScript untuk memindahkan nilai antara kemahiran pages_javascript

WBOY

Lepaskan： 2016-05-16 16:05:11

asal

1109 orang telah melayarinya

Contoh dalam artikel ini menerangkan cara JavaScript melaksanakan pemindahan nilai antara halaman. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

Soalannya adalah seperti berikut:

Dalam halaman a.html, acara onsubmit

memanggil kaedah foo() untuk membuka halaman b.html dan menghantar parameter kepada b.html pada masa yang sama. Dalam kaedah foo(), parameter pembolehubah perlu dihantar ke halaman b.html Halaman b.html menerima nilai parameter, tetapi teknologi sebelah pelayan tidak boleh digunakan.

Kod penyelesaian adalah seperti berikut:

halaman a.html adalah seperti berikut:

<html>
<head>
  <title> demo </title>
  <meta name="Author" content="xugang" />
  <script type="text/javascript">
  function foo(){
   var a ="abc"; // a为变量值
   var str = "b.html&#63;id="+a+";";
   //alert(document.frm.action);
   //方案一（无效）
   // document.frm.action = str;
   //方案二（无效）
   // window.location.href = str;
   //方案三（有效）
   window.location.replace(str);
   return false;
  }
 </script>
</head>
<body>
   <FORM name="frm" method="get" 
   onsubmit = "return foo()" >
      <INPUT TYPE="SUBMIT" />
   </FORM>
</body>
</html>

Salin selepas log masuk

Nota: Halaman b.html mesti wujud lebih awal.

b.html Kod untuk mendapatkan nilai parameter adalah seperti berikut:

b.html bahagian kod

var getQueryString = function(name) {
  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
  var r = window.location.search.substr(1).match(reg);
  if (r != null) return r[2]; return "";
}

Salin selepas log masuk

Tambahan:

kod myjs.js:

function foo(){ 
    var str = "abc"; 
    //document.forms[0].hid.value = str; 
    var frm = window.event.srcElement; 
    frm.hid.value = str; 
    return true; 
}

Salin selepas log masuk

kod a.html:

<html> 
<head> 
 <title> demo </title> 
 <meta name="Author" content="xugang" /> 
 <script src="myjs.js"></script> 
</head> 
<body> 
 <FORM name="frm" METHOD="get" ACTION="b.html" 
 onsubmit="return foo()"> 
  <INPUT TYPE="hidden" id="hid" name="hid"> 
  <INPUT TYPE="submit" value="提交"> 
 </FORM> 
</body> 
</html>

Salin selepas log masuk

Nota: Apabila menghantar nilai ke halaman b.html, halaman b.html mesti sudah wujud!

kod b.html:

<HTML> 
 <HEAD> 
  <TITLE> New Document </TITLE> 
 </HEAD> 
 <BODY> 
  <SCRIPT LANGUAGE="JavaScript"> 
   document.write(decodeURIComponent(location.search.substr(3)));
  </SCRIPT> 
 </BODY> 
</HTML>

Salin selepas log masuk

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.