cari

Rumah >hujung hadapan web >tutorial js >Kaedah JavaScript untuk memindahkan nilai antara kemahiran pages_javascript

Kaedah JavaScript untuk memindahkan nilai antara kemahiran pages_javascript

WBOY
WBOYasal
2016-05-16 16:05:111081semak imbas

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 ff9c23ada1bcecdd1a0fb5d5a0f18437 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>

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 "";
}

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; 
}

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>

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>

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

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Pengenalan kepada fungsi JavaScript Function types_javascript kemahiranArtikel seterusnya：Pengenalan kepada fungsi JavaScript Function types_javascript kemahiran

Artikel berkaitan

Lihat lagi