Rumah > hujung hadapan web > tutorial js > js menjana elemen Html secara dinamik untuk melaksanakan kemahiran Post operasi (createElement)_javascript

js menjana elemen Html secara dinamik untuk melaksanakan kemahiran Post operasi (createElement)_javascript

WBOY
Lepaskan: 2016-05-16 15:39:32
asal
1333 orang telah melayarinya

Kadangkala, anda perlu menghantar data ke halaman lain, kemudian anda perlu membina Borang

<form id="postform" name="postform" method="post">
<input name="msg" value=""/>
</form>
Salin selepas log masuk

Salin kod Kod adalah seperti berikut:

document.write(" //document.write("" );

Menyerahkan dengan js berikut tidak berfungsi kerana borang yang dipukul pada halaman bukanlah objek, tetapi rentetan

//  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";
Salin selepas log masuk

Jadi, anda perlu mencipta sendiri objek borang secara dinamik, menggunakan kaedah berikut:

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();
Salin selepas log masuk
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan