Heim >Web-Frontend >js-Tutorial >js generiert dynamisch HTML-Elemente, um Post-Operation (createElement)_javascript-Fähigkeiten zu implementieren

js generiert dynamisch HTML-Elemente, um Post-Operation (createElement)_javascript-Fähigkeiten zu implementieren

WBOY
WBOYOriginal
2016-05-16 15:39:321327Durchsuche

Manchmal müssen Sie Daten auf einer anderen Seite veröffentlichen und dann ein Formular erstellen

<form id="postform" name="postform" method="post">
<input name="msg" value=""/>
</form>

Code kopieren Der Code lautet wie folgt:

document.write("161cf9eda43d51f0a74eb12f3031c37d065276f04003e4622c4fe6b64f465b88" );

Das Senden mit den folgenden js funktioniert nicht, da das auf der Seite angezeigte Formular kein Objekt, sondern eine Zeichenfolge ist

//  theForm.action = "http://msg.baihe.com/tortoise/pages/tortoise/sm_gb2312.jsp&#63;ReturnURL="+strReturnURL;
//  document.getElementById("Pathid").value="3070";
//  document.getElementById("Title").value="你好!";
//  document.getElementById("Content").value="我把你设为重点关注了,咱们聊聊吧:)";
//  document.getElementById("CloseWindow").value="1";

Sie müssen das Formularobjekt also selbst dynamisch erstellen, indem Sie die folgende Methode verwenden:

var form_feedback = document.createElement("form");
  document.body.appendChild(form_feedback);
    
  var i = document.createElement("input");
  i.type = "hidden";
  i.name = "Title";
  i.value = "你好!";
  form_feedback.appendChild(i);
  
  
  var j=document.createElement("input");
  j.type="hidden";
  j.name="Content";
  j.value="我把你设为重点关注了,咱们聊聊吧:)";
  form_feedback.appendChild(j);
  
  var hiddenIframe=document.createElement("iframe");
  hiddenIframe.src="about:blank";
  hiddenIframe.name="hiddenFrame";
  hiddenIframe.id="hiddenFrame";
  hiddenIframe.width="0";
  hiddenIframe.height="0";
  hiddenIframe.frameborder="0";
  form_feedback.appendChild(hiddenIframe);
  
  
  form_feedback.action = "http://msg.baihe.com/tortoise/pages/tortoise/sm_gb2312.jsp&#63;ReturnURL=";
  form_feedback.target = "hiddenFrame";
  form_feedback.method = "post";
  form_feedback.submit();
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