js动态生成Html元素实现Post操作(createElement)


Posted in Javascript onSeptember 14, 2015

有时,你需要Post数据到另一个页面上,那么你就需要构建一个Form表单

<form id="postform" name="postform" method="post">
<input name="msg" value=""/>
</form>
document.write("<form ..."

//document.write("<iframe src=\"about:blank\" name=\"hiddenFrame\" id=\"hiddenFrame\" width=\"0\" height=\"0\" frameborder=\"0\"></iframe>");

用如下js提交不起作用,因为打到页面上的form不是一个对象,而是一个字符串

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

所以你需要自己动态创建form对象,用如下方法实现:

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?ReturnURL=";
  form_feedback.target = "hiddenFrame";
  form_feedback.method = "post";
  form_feedback.submit();
Javascript 相关文章推荐
浅析JS刷新框架中的其他页面 &amp;&amp; JS刷新窗口方法汇总
Jul 08 Javascript
jquery获取子节点和父节点的示例代码
Sep 10 Javascript
js 获取input点选按钮的值的方法
Apr 14 Javascript
javascript设计模式之中介者模式Mediator
Dec 30 Javascript
javascript发送短信验证码实现代码
Nov 12 Javascript
Javascript HTML5 Canvas实现的一个画板
Apr 12 Javascript
Javascript基础知识盲点总结之函数
May 15 Javascript
js判断出两个字符串最大子串的函数实现方法
Nov 01 Javascript
BootStrapTable服务器分页实例解析
Dec 20 Javascript
JavaScript限制在客户区可见范围的拖拽(解决scrollLeft和scrollTop的问题)(2)
May 17 Javascript
vue-cli V3.0版本的使用详解
Oct 24 Javascript
vue使用自定义事件的表单输入组件用法详解【日期组件与货币组件】
Jun 01 Javascript
IE9+已经不对document.createElement向下兼容的解决方法
Sep 14 #Javascript
JS动态添加iframe的代码
Sep 14 #Javascript
javascript实现在指定元素中垂直水平居中
Sep 13 #Javascript
window.onload使用指南
Sep 13 #Javascript
JS+CSS简单树形菜单实现方法
Sep 12 #Javascript
纯js代码实现未知宽高的元素在指定元素中垂直水平居中显示
Sep 12 #Javascript
JS实现超精简响应鼠标显示二级菜单代码
Sep 12 #Javascript
You might like
php pcntl_fork和pcntl_fork 的用法
2009/04/13 PHP
破解.net程序(dll文件)编译和反编译方法
2013/01/31 PHP
PHP zip扩展Linux下安装过程分享
2014/05/05 PHP
使用phpstorm和xdebug实现远程调试的方法
2015/12/29 PHP
thinkPHP自动验证机制详解
2016/12/05 PHP
cakephp2.X多表联合查询join及使用分页查询的方法
2017/02/23 PHP
IE 上下滚动展示模仿Marquee机制
2009/12/20 Javascript
js改变img标签的src属性在IE下没反应的解决方法
2013/07/23 Javascript
JS网页播放声音实现代码兼容各种浏览器
2013/09/22 Javascript
JQuery EasyUI的使用
2016/02/24 Javascript
基于socket.io+express实现多房间聊天
2016/03/17 Javascript
完美解决手机浏览器顶部下拉出现网页源或刷新的问题
2017/11/30 Javascript
JS中的BOM应用
2018/02/02 Javascript
bing Map 在vue项目中的使用详解
2018/04/09 Javascript
Weex开发之地图篇的具体使用
2019/10/16 Javascript
vue项目使用.env文件配置全局环境变量的方法
2019/10/24 Javascript
基于javascript canvas实现五子棋游戏
2020/07/08 Javascript
Python切片用法实例教程
2014/09/08 Python
Linux下通过python访问MySQL、Oracle、SQL Server数据库的方法
2016/04/23 Python
对numpy中二进制格式的数据存储与读取方法详解
2018/11/01 Python
python使用knn实现特征向量分类
2018/12/26 Python
如何为Python终端提供持久性历史记录
2019/09/03 Python
python使用建议与技巧分享(一)
2020/08/17 Python
viagogo英国票务平台:演唱会、体育比赛、戏剧门票
2017/03/24 全球购物
Lookfantastic澳大利亚官网:英国知名美妆购物网站
2021/01/07 全球购物
应届大学生求职的自我评价
2013/11/17 职场文书
母亲追悼会答谢词
2014/01/27 职场文书
技能比赛获奖感言
2014/02/14 职场文书
采购求职信
2014/03/17 职场文书
机电一体化应届生求职信
2014/08/09 职场文书
三好学生先进事迹材料
2014/08/28 职场文书
解放思想演讲稿
2014/09/11 职场文书
2015年创先争优活动总结
2015/03/27 职场文书
酒店财务总监岗位职责
2015/04/03 职场文书
资金申请报告范文
2015/05/14 职场文书
2016元旦晚会主持词开场白和结束语
2015/12/04 职场文书