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 相关文章推荐
AngularJS深入探讨scope,继承结构,事件系统和生命周期
Nov 02 Javascript
原生js实现日期计算器功能
Feb 17 Javascript
js中的面向对象入门
Mar 06 Javascript
node.js程序作为服务并在windows下开机自启动(用forever)
Mar 29 Javascript
原生JS实现小小的音乐播放器
Oct 16 Javascript
浅谈mint-ui 填坑之路
Nov 06 Javascript
javascript按顺序加载运行js方法
Dec 01 Javascript
基于jQuery使用Ajax动态执行模糊查询功能
Jul 05 jQuery
微信小程序scroll-x失效的完美解决方法
Jul 18 Javascript
ES6 Iterator接口和for...of循环用法分析
Jul 31 Javascript
微信小程序实现左侧滑栏过程解析
Aug 26 Javascript
Vue-cli3多页面配置详解
Mar 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
WordPress判断用户是否登录的代码
2011/03/17 PHP
使用PHP静态变量当缓存的方法
2013/11/13 PHP
PHP读取文件内容后清空文件示例代码
2014/03/18 PHP
yii的入口文件index.php中为什么会有这两句
2016/08/04 PHP
PHP读取目录树的实现方法分析
2019/03/22 PHP
jQuery一步一步实现跨浏览器的可编辑表格,支持IE、Firefox、Safari、Chrome、Opera
2009/08/28 Javascript
JavaScript this调用规则说明
2010/03/08 Javascript
javascript复制对象使用说明
2011/06/28 Javascript
jquery实现tr元素的上下移动示例代码
2013/12/20 Javascript
js获取通过ajax返回的map型的JSONArray的方法
2014/01/09 Javascript
JS实现很酷的EMAIL地址添加功能实例
2015/02/28 Javascript
javascript原始值和对象引用实例分析
2015/04/25 Javascript
详解javascript遍历方式
2015/11/11 Javascript
AngularJS 遇到的小坑与技巧小结
2016/06/07 Javascript
jQuery实现带延时功能的水平多级菜单效果【附demo源码下载】
2016/09/21 Javascript
js多个物体运动功能实例分析
2016/12/20 Javascript
layui实现form表单同时提交数据和文件的代码
2019/10/25 Javascript
浅谈对yield的初步理解
2017/05/29 Python
详解python的sorted函数对字典按key排序和按value排序
2018/08/10 Python
Python实现压缩文件夹与解压缩zip文件的方法
2018/09/01 Python
selenium+python自动化测试之使用webdriver操作浏览器的方法
2019/01/23 Python
python 画二维、三维点之间的线段实现方法
2019/07/07 Python
解决django服务器重启端口被占用的问题
2019/07/26 Python
Python猜数字算法题详解
2020/03/01 Python
浅谈Python3多线程之间的执行顺序问题
2020/05/02 Python
python的json包位置及用法总结
2020/06/21 Python
python使用布隆过滤器的实现示例
2020/08/20 Python
python爬虫爬取网页数据并解析数据
2020/09/18 Python
pandas 数据类型转换的实现
2020/12/29 Python
最新计算机专业自荐信
2013/10/16 职场文书
活动总结书
2014/05/08 职场文书
大学生找工作求职信
2014/07/09 职场文书
离婚协议书范文2014
2014/10/16 职场文书
城管年度个人总结
2015/02/28 职场文书
如何做好工作总结!
2019/04/10 职场文书
ConditionalOnProperty配置swagger不生效问题及解决
2022/06/14 Java/Android