JS實現(xiàn)向iframe中表單傳值的方法
更新時間：2017年03月24日 12:06:01 作者：ITshu
這篇文章主要介紹了JS實現(xiàn)向iframe中表單傳值的方法,涉及js針對頁面元素及表單屬性操作相關實現(xiàn)技巧,需要的朋友可以參考下
本文實例講述了JS實現(xiàn)向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=" 執(zhí) 行 ">
</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相關內(nèi)容感興趣的讀者可查看本站專題：《JavaScript表單(form)操作技巧大全》、《JavaScript操作DOM技巧總結(jié)》、《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript排序算法總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript數(shù)學運算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》及《JavaScript錯誤與調(diào)試技巧總結(jié)》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
這篇文章主要介紹了javascript返回頂部的按鈕實現(xiàn)方法,需要的朋友可以參考下2016-01-01
頁面中js的執(zhí)行順序：在頁面的head標簽中添加一段js代碼，在頁面的尾部也就是</body>之前添加一段代碼，然后在body的onload事件中引用一個函數(shù)，此三者的執(zhí)行順序如何?2009-11-11
javascript實現(xiàn)整除的實現(xiàn)代碼，需要的朋友可以參考下。2010-11-11
iscroll動態(tài)加載數(shù)據(jù)完美解決方法
這篇文章主要為大家詳細介紹了iscroll動態(tài)加載數(shù)據(jù)的完美解決方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
這篇文章主要為大家詳細介紹了JavaScript事件代理和委托，感興趣的小伙伴們可以參考一下2016-04-04
這篇文章主要為大家詳細介紹了javascript實現(xiàn)留言板功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-02-02
5 cool javascript apps...2007-03-03
這篇文章主要介紹了JS獲取地址欄參數(shù)的兩種方法(原生、vue),文中通過代碼示例講解的非常詳細,對大家的學習或工作有一定的幫助,需要的朋友可以參考下2024-07-07
JS將所有對象s的屬性復制給對象r(原生js+jquery)
這篇文章主要介紹了js中將所有對象s的屬性復制給對象r的方法，原生js+jquery分別實現(xiàn)2014-01-01
javascript寫的異步加載js文件函數(shù)(支持數(shù)組傳參)
這篇文章主要介紹了javascript寫的異步加載js文件函數(shù),同時支持單個文件和多個文件(數(shù)組傳參),但不兼容IE6,需要的朋友可以參考下2014-06-06