JS实现向iframe中表单传值的方法


Posted in Javascript onMarch 24, 2017

本文实例讲述了JS实现向iframe中表单传值的方法。分享给大家供大家参考,具体如下:

给iframe加contentWindow属性后,才能赋值,在IE,firefox测试一切ok.

例如:

页面a.jsp

<script language="JavaScript">
function ExecuteSql()
{
var FormObj = document.getElementById("ResultShowFrame").contentWindow;
var SqlStr=document.getElementById("sqlcontent").value;
if (SqlStr !="")
{
  FormObj.document.getElementById("Sql").value=SqlStr;
  FormObj.document.getElementById("Result").value='Submit';
  FormObj.document.ExecuteForm.submit();
}
}
</script>
<form name="dbcompress" action="?Action=CompressDate" method="post">
<textarea name="sqlcontent" rows="3" wrap="OFF" style="width:100%;" id="sqlcontent"></textarea>
<input name="Submit" type="button" onClick="ExecuteSql();" class="Anbut2"  value=" 执 行 ">
</form>
<iframe id="ResultShowFrame" scrolling="yes" src="b.asp" style="width:100%;height:420;" frameborder=1></iframe>

页面b.jsp:

<form name="ExecuteForm" method="post" action="">
  <input type="hidden" name="Sql" id="Sql">
  <input type="hidden" name="Result" id="Result">
</form>

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
js left,right,mid函数
Jun 10 Javascript
Validform+layer实现漂亮的表单验证特效
Jan 17 Javascript
jQuery得到多个值只能用取Class ,不能用取ID的方法
Dec 04 Javascript
Jquery uploadify 多余的Get请求(404错误)的解决方法
Jan 26 Javascript
Angular 2父子组件数据传递之@Input和@Output详解 (上)
Jul 05 Javascript
vue项目中使用axios上传图片等文件操作
Nov 02 Javascript
angular6.0使用教程之父组件通过url传递id给子组件的方法
Jun 30 Javascript
在Vue-cli里应用Vuex的state和mutations方法
Sep 16 Javascript
详解关于vue2.0工程发布上线操作步骤
Sep 27 Javascript
基于vue框架手写一个notify插件实现通知功能的方法
Mar 31 Javascript
构建Vue大型应用的10个最佳实践(小结)
Nov 07 Javascript
JavaScript使用prototype属性实现继承操作示例
May 22 Javascript
JS正则替换去空格的方法
Mar 24 #Javascript
原生js封装自定义滚动条
Mar 24 #Javascript
fckeditor部署到weblogic出现xml无法读取及样式不能显示问题的解决方法
Mar 24 #Javascript
jQuery实现鼠标经过显示动画边框特效
Mar 24 #jQuery
JS得到当前时间的方法示例
Mar 24 #Javascript
HTML5+jQuery实现搜索智能匹配功能
Mar 24 #jQuery
jQuery实现的动态文字变化输出效果示例【附演示与demo源码下载】
Mar 24 #jQuery
You might like
PHP输出控制功能在简繁体转换中的应用
2006/10/09 PHP
PHP中几个可以提高运行效率的代码写法、技巧分享
2014/08/21 PHP
php抛出异常与捕捉特定类型的异常详解
2016/10/26 PHP
JavaScript可否多线程? 深入理解JavaScript定时机制
2012/05/23 Javascript
Jquery同辈元素选中/未选中效果的实例代码
2013/08/01 Javascript
js判断登陆用户名及密码是否为空的简单实例
2016/05/16 Javascript
jQuery页面元素动态添加后绑定事件丢失方法,非 live
2016/06/16 Javascript
jQuery UI Bootstrap是什么?
2016/06/17 Javascript
JS中使用DOM来控制HTML元素
2016/07/31 Javascript
基于easyui checkbox 的一些操作处理方法
2017/07/10 Javascript
Vue中的methods、watch、computed的区别
2018/11/26 Javascript
vue 进阶之实现父子组件间的传值
2019/04/26 Javascript
javascript面向对象创建对象的方式小结
2019/07/29 Javascript
JS扁平化输出数组的2种方法解析
2019/09/17 Javascript
ES6中let、const的区别及变量的解构赋值操作方法实例分析
2019/10/15 Javascript
微信小程序利用云函数获取手机号码
2019/12/17 Javascript
利用Pandas读取文件路径或文件名称包含中文的csv文件方法
2018/07/04 Python
python-itchat 统计微信群、好友数量,及原始消息数据的实例
2019/02/21 Python
详解Python locals()的陷阱
2019/03/26 Python
python新手学习使用库
2020/06/11 Python
HTML5在微信内置浏览器下右上角菜单的调整字体导致页面显示错乱的问题
2021/01/19 HTML / CSS
兰蔻加拿大官方网站:Lancome加拿大
2016/08/05 全球购物
世界上最好的精品店:Shoptiques
2018/02/05 全球购物
美术专业学生个人自我评价
2013/09/19 职场文书
金融专业推荐信
2013/11/14 职场文书
大学毕业生自荐书怎么写?
2014/01/06 职场文书
总经理助理的职责
2014/03/14 职场文书
我的教育故事演讲稿
2014/05/04 职场文书
学习之星事迹材料
2014/05/17 职场文书
红色故事演讲稿
2014/05/22 职场文书
个人委托书
2014/07/31 职场文书
我的中国梦演讲稿300字
2014/08/19 职场文书
培根随笔读书笔记
2015/07/01 职场文书
2016年第16个全民国防教育日宣传活动总结
2016/04/05 职场文书
OpenCV绘制圆端矩形的示例代码
2021/08/30 Python
MySQL事务的隔离级别详情
2022/07/15 MySQL