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