JS实现向iframe中表单传值的方法
编程学习 2021-07-04 18:31www.dzhlxh.cn编程入门
这篇文章主要介绍了JS实现向iframe中表单传值的方法,涉及js针对页面元素及表单属性操作相关实现技巧,需要的朋友可以参考下
本文实例讲述了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程序设计有所帮助。