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 相关文章推荐
jQuery 美元符冲突的解决方法
Mar 28 Javascript
理解Javascript_14_函数形式参数与arguments
Oct 20 Javascript
javascript设计模式之解释器模式详解
Jun 05 Javascript
ES6的新特性概览
Mar 10 Javascript
Javascript使用uploadify来实现多文件上传
Nov 16 Javascript
ES6中数组array新增方法实例总结
Nov 07 Javascript
vue源码入口文件分析(推荐)
Jan 30 Javascript
Angular HMR(热模块替换)功能实现方法
Apr 04 Javascript
vue 点击按钮实现动态挂载子组件的方法
Sep 07 Javascript
微信{"errcode":48001,"errmsg":"api unauthorized, hints: [ req_id: 1QoCla0699ns81 ]"}
Oct 12 Javascript
基于vue写一个全局Message组件的实现
Aug 15 Javascript
Js on及addEventListener原理用法区别解析
Jul 11 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使用Mysql事务实例解析
2014/09/08 PHP
php内存缓存实现方法
2015/01/24 PHP
php表单提交与$_POST实例分析
2015/01/26 PHP
php异常处理方法实例汇总
2015/06/24 PHP
今天你说520了吗?不仅有php表白书还有java表白神器
2016/05/20 PHP
php处理多图上传压缩代码功能
2018/06/13 PHP
PHP面向对象程序设计内置标准类,普通数据类型转为对象类型示例
2019/06/12 PHP
jQuery判断对象是否存在的方法
2015/02/05 Javascript
js禁止页面刷新与后退的方法
2015/06/08 Javascript
javascript去掉代码里面的注释
2015/07/24 Javascript
JavaScript实现搜索框的自动完成功能(一)
2016/02/25 Javascript
详解JavaScript中数组和字符串的lastIndexOf()方法使用
2016/03/13 Javascript
下一代Bootstrap的5个特点 超酷炫!
2016/06/17 Javascript
jQuery实现将div中滚动条滚动到指定位置的方法
2016/08/10 Javascript
那些精彩的JavaScript代码片段
2017/01/12 Javascript
浅谈如何使用 webpack 优化资源
2017/10/20 Javascript
element-ui中Table表格省市区合并单元格的方法实现
2019/08/07 Javascript
Python3遍历目录树实现方法
2015/05/22 Python
python使用pil库实现图片合成实例代码
2018/01/20 Python
CentOS7.3编译安装Python3.6.2的方法
2018/01/22 Python
详解Python中如何写控制台进度条的整理
2018/03/07 Python
Python字符串内置函数功能与用法总结
2019/04/16 Python
django中SMTP发送邮件配置详解
2019/07/19 Python
opencv3/C++图像像素操作详解
2019/12/10 Python
Django ORM判断查询结果是否为空,判断django中的orm为空实例
2020/07/09 Python
html5实现九宫格抽奖可固定抽中某项奖品
2020/06/15 HTML / CSS
英国经济型酒店品牌:Travelodge
2019/12/17 全球购物
初中三年学生的学习自我评价
2013/11/13 职场文书
销售工作岗位职责
2013/12/24 职场文书
勤俭节约演讲稿
2014/05/08 职场文书
幼儿园户外活动总结
2014/07/04 职场文书
六一儿童节标语
2014/10/08 职场文书
2014年汽车销售工作总结
2014/12/01 职场文书
拖欠货款起诉状
2015/05/20 职场文书
CSS 制作波浪效果的思路
2021/05/18 HTML / CSS
关于@OnetoMany关系映射的排序问题,使用注解@OrderBy
2021/12/06 Java/Android