JavaScript-Methode zum Übertragen von Werten zwischen Seiten_Javascript-Fähigkeiten-js-Tutorial-php.cn

JavaScript-Methode zum Übertragen von Werten zwischen Seiten_Javascript-Fähigkeiten

WBOY

Freigeben： 2016-05-16 16:05:11

Original

1048 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt, wie JavaScript die Werteübertragung zwischen Seiten implementiert. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Die Frage lautet wie folgt:

Auf der a.html-Seite ruft das onsubmit-Ereignis von

eine Methode foo() auf, um die b.html-Seite zu öffnen und gleichzeitig Parameter an b.html zu übergeben. In der Methode foo() müssen variable Parameter an die b.html-Seite übergeben werden. Die b.html-Seite akzeptiert Parameterwerte, es kann jedoch keine serverseitige Technologie verwendet werden.

Der Lösungscode lautet wie folgt:

Eine.html-Seite lautet wie folgt:

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

Nach dem Login kopieren

Hinweis: Die b.html-Seite muss im Voraus vorhanden sein.

b.html Der Code zum Abrufen des Parameterwerts lautet wie folgt:

b.html Teil des Codes

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

Nach dem Login kopieren

Ergänzung:

myjs.js-Code:

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

Nach dem Login kopieren

ein.html-Code:

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

Nach dem Login kopieren

Hinweis: Wenn Sie einen Wert an die b.html-Seite übergeben, muss die b.html-Seite bereits vorhanden sein!

b.html-Code:

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

Nach dem Login kopieren

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.