Js dynamically generates Html elements to implement Post operations (createElement) and jscreateelement
Sometimes, you need to Post data to another page, then you need to build a Form
<form id="postform" name="postform" method="post"><input name="msg" value=""/></form>
Copy codeThe Code is as follows:
Document. write ("<form ..."
// Document. write ("<iframe src = \" about: blank \ "name = \" hiddenFrame \ "id = \" hiddenFrame \ "width = \" 0 \ "height = \" 0 \ "frameborder = \" 0 \ "> </iframe> ");
Submitting with the following js does not work, because the form hitting the page is not an object, but a string
// TheForm. action = "http://msg.baihe.com/tortoise/pages/tortoise/sm_gb2312.jsp? ReturnURL = "+ strReturnURL; // document. getElementById (" Pathid "). value =" 3070 "; // document. getElementById (" Title "). value =" Hello! "; // Document. getElementById ("Content "). value = "I have set you to focus on it. Let's talk about it :)"; // document. getElementById ("CloseWindow "). value = "1 ";
Therefore, you need to dynamically create a form object by using the following method:
Var form_feedback = document. createElement ("form"); document. body. appendChild (form_feedback); var I = document. createElement ("input"); I. type = "hidden"; I. name = "Title"; I. value = "Hello! "; Form_feedback.appendChild (I); var j = document. createElement ("input"); j. type = "hidden"; j. name = "Content"; j. value = "I have set you to focus on it. Let's talk about it :)"; 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_limit Dback. appendChild (hiddenIframe); form_feedback.action = "http://msg.baihe.com/tortoise/pages/tortoise/sm_gb2312.jsp? ReturnURL = "; form_feedback.target =" hiddenFrame "; form_feedback.method =" post "; form_feedback.submit ();