网页制作总结之iframe 的用法与注意事项

好多同志对 iframe 是如何控制的,并不是十分了解,基本上还处于一个模糊的认识状态.

注意两个事项,ifr 是一个以存在的 iframe 的 ID 和 NAME 值:

 document.getElementById(“ifr”);
 window.frames[“ifr”];

要想使用iframe内的函数,变量就必须通过第二种方法.因为它取的是一个完整的DOM模型(不知道这样说对不对).第一种方法只是取出了一个OBJECT而已.

如果只想改变iframe的 src 或者 border , scrolling 等 attributes(与property不是一个概念,property是不能写在标签内的,比如:scrollHeight,innerHtml等),就需要用到第一种方法.

如果想取得iframe的页面(不是iframe本身),就需要使用第二种方法,因为它取得的是一个完整的DOM模型,比如想得到iframe的document.body的内容,就只能用第二种方法.

还要注意的是,如果在iframe的页面未完全装入的时候,调用iframe的DOM模型,会发生很严重的错误,所以,你要准备一个容错模式.

下面是示例,一个是aa.htm,一个是bb.htm,请先考到本地在运行,原因不用我在说了吧!

aa.htm

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html <a href="http://www.viphot.com/InfoList/Catalog_83_1.html" target="_blank" title="XML学习教程" >XML</a>ns="http://www.w3.org/1999/xhtml" > <head> <title>Untitled Page</title> <style type="text/<a href="http://www.viphot.com/InfoList/Catalog_125_1.html" target="_blank" title="Css技巧 Css资讯" >Css</a>">  </style> </head> <body> <iframe id="ifr" name="ifr" width="100%" height="500" src="bb.htm"></iframe> </body> </html> <script language="<a href="http://www.viphot.com/InfoList/Catalog_110_1.html" target="_blank" title="javascript相关知识技巧" >javascript</a>" type="text/<a href="http://www.viphot.com/InfoList/Catalog_251_1.html" target="_blank" title="Java" >Java</a>script"> var aa_value="I'm a variant in Top window!"; var ifr_id=document.getElementById("ifr"); var ifr_window=window.frames["ifr"]; alert("Alert from Top window : Can't get iframe's variant by ifr_id, it will return :" + ifr_id.bb_var); alert("Alert from Top window : Can't get iframe's DOM model by ifr_id ,it will return :" + ifr_id.window); alert("Alert from Top window : Get src from id :" + ifr_id.src); alert("Alert from Top window : Get href from window:" + ifr_window.document.location.href); //由于bb.htm可能还未装载完成,所以,下冇的可能引发错误 //调用iframe内的函数 ifr_window.bb(); //调用iframe内的变量 alert("Alert from Top window : " + ifr_window.bb_var); // alert("Alert from Top Window :" + ifr_window.document.body.innerHTML); function aa(msg){ alert("I'm alerting from Top window ,and I received a msg:\n" + msg); } </script>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

[1] [2] 下一页

上一篇:图文解说：Windows Vista演变历程二

下一篇:Flash教程:用Flash分析制作动态日历效果

	\| 帮助(？) \| 版权声明 \| 友情连接 \| 关于我们 \| 信息发布
Copyright 2007 www.viphot.com All Rights Reserved.	鄂ICP备05000083号Powered by:vipcn