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 流畅动画实现原理
Sep 08 Javascript
JQuery autocomplete 使用手册
Apr 01 Javascript
node.js中的fs.lchmod方法使用说明
Dec 16 Javascript
jquery插件锦集【推荐】
Dec 16 Javascript
vuejs使用FormData实现ajax上传图片文件
Aug 08 Javascript
vue.js 实现图片本地预览 裁剪 压缩 上传功能
Mar 01 Javascript
vue组件中的数据传递方法
May 14 Javascript
详解vue服务端渲染浏览器端缓存(keep-alive)
Oct 12 Javascript
react 兄弟组件如何调用对方的方法示例
Oct 23 Javascript
使用jQuery实现掷骰子游戏
Oct 24 jQuery
微信小程序页面渲染实现方法
Nov 06 Javascript
详解Nuxt.js 实战集锦
Nov 19 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
追忆往昔!浅谈收音机的百年发展历史
2021/03/01 无线电
php 判断字符串中是否包含html标签
2014/02/17 PHP
php实现Mysql简易操作类
2015/10/11 PHP
thinkphp5框架扩展redis类方法示例
2019/05/06 PHP
javascript写的一个链表实现代码
2009/10/25 Javascript
前端开发必须知道的JS之原型和继承
2010/07/06 Javascript
仿jQuery的siblings效果的js代码
2011/08/09 Javascript
js点击页面其它地方将某个显示的DIV隐藏
2012/07/12 Javascript
js自定义方法通过隐藏iframe实现文件下载
2013/02/21 Javascript
jquery幻灯片插件bxslider样式改进实例
2014/10/15 Javascript
基于javascript实现checkbox复选框实例代码
2016/01/28 Javascript
nodejs和php实现图片访问实时处理
2017/01/05 NodeJs
COM组件中调用JavaScript函数详解及实例
2017/02/23 Javascript
Angular 2父子组件数据传递之局部变量获取子组件其他成员
2017/07/04 Javascript
vue mintui-Loadmore结合实现下拉刷新和上拉加载示例
2017/10/12 Javascript
NW.js 简介与使用方法
2018/02/01 Javascript
关于Vue Router中路由守卫的应用及在全局导航守卫中检查元字段的方法
2018/12/09 Javascript
vue解决花括号数据绑定不成功的问题
2019/10/30 Javascript
python基础教程之字典操作详解
2014/03/25 Python
python编写网页爬虫脚本并实现APScheduler调度
2014/07/28 Python
Python3访问并下载网页内容的方法
2015/07/28 Python
python利用sklearn包编写决策树源代码
2017/12/21 Python
python3.6中@property装饰器的使用方法示例
2019/08/17 Python
django实现HttpResponse返回json数据为中文
2020/03/27 Python
Python使用matplotlib绘制圆形代码实例
2020/05/27 Python
python绘制分布折线图的示例
2020/09/24 Python
Pycharm中如何关掉python console
2020/10/27 Python
python读写数据读写csv文件(pandas用法)
2020/12/14 Python
Python实现FTP文件定时自动下载的步骤
2020/12/19 Python
Pytorch模型迁移和迁移学习,导入部分模型参数的操作
2021/03/03 Python
自我评价范文点评
2013/12/04 职场文书
锦旗赠语
2015/06/23 职场文书
小学音乐课歌曲《堆雪人》教学反思
2016/02/18 职场文书
nginx常用配置conf的示例代码详解
2022/03/21 Servers
不负正版帝国之名 《重返帝国》引领SLG手游制作新的标杆
2022/04/07 其他游戏
golang语言指针操作
2022/04/14 Golang