欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-07-04 21:49:04
本文实例讲述了js实现向iframe中表单传值的方法。分享给大家供大家参考,具体如下: 给iframe加contentwindow属性后,才能赋值,在ie,firefox...

本文实例讲述了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表单(form)操作技巧大全》、《javascript操作dom技巧总结》、《javascript数组操作技巧总结》、《javascript排序算法总结》、《javascript遍历算法与技巧总结》、《javascript数学运算用法总结》、《javascript数据结构与算法技巧总结》、《javascript查找算法技巧总结》及《javascript错误与调试技巧总结

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