suchen

Heim >Web-Frontend >js-Tutorial >JavaScript-Methode zum Übertragen von Werten zwischen Seiten_Javascript-Fähigkeiten

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

WBOY
WBOYOriginal
2016-05-16 16:05:111083Durchsuche

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

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

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

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>

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>

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

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Einführung in JavaScript-Funktionstypen_Javascript-KenntnisseNächster Artikel：Einführung in JavaScript-Funktionstypen_Javascript-Kenntnisse

In Verbindung stehende Artikel

Mehr sehen