关于IFrame与其中的控件以及其父窗体的交互

        在网页中iFrame实用非常多见,而我们大多采用javaScript来实现iframe中内容与其周边对象的通讯。首先我们简单讲下iframe,iframe是一个容器,用来放其它页面。<iframe  src='http://www.csdn.net'></iframe>,就可以连接到csdn页面,改变src,就可以改变它的内容。

        首先是获得该Iframe,可以用document.GetElementById("frameID"),这里建议我们在书写iframe标记的时候给它设置一个ID值。

        获得了iframe容器,接下来就要对容器中的页面进行操作了。iframename.document.forms[formname].controlname.value是通过获取容器中的FormID来获得页面。并对页面中的控件值进行读写处理。我们利用JavaScript的其他方法还可以使用document.getElementById("IframeID").contentWindow.document.all("控件ID").value="xxx";或者window.frames["IframeID"].document.getElementById("控件ID").value="some value";

        这里单独介绍一种特殊的情况,即在弹出页面中对该页面的iframe中的控件进行操作:

页面A.aspx中存在一个ID为Main的Iframe容器标记,该容器指向B.aspx,B.aspx页面中存在一个按钮,当点击该按钮弹出一个新的页面C.aspx,要实现在C.aspx窗体点击某按钮的时候对A.aspx中Main中的某控件进行赋值。

B.aspx中弹出C.aspx的代码

<asp:HyperLink ID="HyperLink1" Target="_top" NavigateUrl='javascript:var newwindow = window.open("C.aspx","其他语言","top=200,left=200,height=350,width=400,status=no,toolbar=no,menubar=no,location=no");newwindow.focus();'

     runat="server" Width="75px" TabIndex="14">选择语言</asp:HyperLink>

 C.aspx.cs中点击按钮实现关闭该页,并对“Main”中的控件“Content”赋值

              Response.Write(@"<script language=javascript> window.opener.document.getElementById('Main').contentWindow.document.all('Content').value='XXXXXX';</script>);

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值