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 相关文章推荐
Javascript入门学习资料收集整理篇
Jul 06 Javascript
Extjs中常用表单介绍与应用
Jun 07 Javascript
JavaScript判断一个URL链接是否有效的实现方法
Oct 08 Javascript
cookie在javascript中的使用技巧以及隐私在服务器端的设置
Dec 03 Javascript
javascript实现网页字符定位的方法
Jul 14 Javascript
微信小程序 图片边框解决方法
Jan 16 Javascript
微信小程序实现展示评分结果功能
Feb 15 Javascript
使用post方法实现json往返传输数据的方法
Mar 30 Javascript
详解关于webpack多入口热加载很慢的原因
Apr 24 Javascript
Javascript模拟实现new原理解析
Mar 03 Javascript
《javascript设计模式》学习笔记四:Javascript面向对象程序设计链式调用实例分析
Apr 07 Javascript
JavaScript实现鼠标经过表格某行时此行变色
Nov 20 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加速器eAccelerator的配置参数、API详解
2014/05/05 PHP
PHP中FTP相关函数小结
2016/07/15 PHP
php结合md5的加密解密算法实例
2016/09/30 PHP
使用tp框架和SQL语句查询数据表中的某字段包含某值
2019/10/18 PHP
php慢查询日志和错误日志使用详解
2021/02/27 PHP
JQuery1.4+ Ajax IE8 内存泄漏问题
2010/10/15 Javascript
JS获得URL超链接的参数值实例代码
2013/06/21 Javascript
node.js实现多图片上传实例
2014/06/03 Javascript
手写的一个兼容各种浏览器的javascript getStyle函数(获取元素的样式)
2014/06/06 Javascript
原生js实现复制对象、扩展对象 类似jquery中的extend()方法
2014/08/30 Javascript
使用AngularJS创建自定义的过滤器的方法
2015/06/18 Javascript
js表单验证实例讲解
2016/03/31 Javascript
仿京东快报向上滚动的实例
2017/12/13 Javascript
浅谈FastClick 填坑及源码解析
2018/03/02 Javascript
react 中父组件与子组件双向绑定问题
2019/05/20 Javascript
vue 中 命名视图的用法实例详解
2019/08/14 Javascript
vue渲染方式render和template的区别
2020/06/05 Javascript
vscode自定义vue模板的实现
2021/01/27 Vue.js
[02:54]辉夜杯主赛事第二日败者组 iG.V赛后采访
2015/12/26 DOTA
[01:11:11]Alliance vs RNG 2019国际邀请赛淘汰赛 败者组BO1 8.20.mp4
2020/07/19 DOTA
Python实现发送email的几种常用方法
2014/08/18 Python
在Python中使用NLTK库实现对词干的提取的教程
2015/04/08 Python
Python中处理时间的几种方法小结
2015/04/09 Python
Python二叉树的镜像转换实现方法示例
2019/03/06 Python
Python 中PyQt5 点击主窗口弹出另一个窗口的实现方法
2019/07/04 Python
Python实现网页截图(PyQT5)过程解析
2019/08/12 Python
Python Pickle 实现在同一个文件中序列化多个对象
2019/12/30 Python
Python定时任务APScheduler原理及实例解析
2020/05/30 Python
python中通过pip安装库文件时出现“EnvironmentError: [WinError 5] 拒绝访问”的问题及解决方案
2020/08/11 Python
python音频处理的示例详解
2020/12/23 Python
悬挂训练绳:TRX
2017/12/14 全球购物
自荐信格式简述
2014/01/25 职场文书
优秀团员个人事迹材料
2014/01/29 职场文书
网上祭英烈活动总结
2015/02/04 职场文书
CSS实现单选折叠菜单功能
2021/11/01 HTML / CSS
详解Nginx的超时keeplive_timeout配置步骤
2022/05/25 Servers