在网页中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>);

Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐