的是行业资料网页制作总结之iframe 的用法与注意事项

iframe用法  时间:2021-02-26  阅读:()

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

注意两个事项, i fr,是一个以存在的, i frame,的, 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” , “<head>

,<title>Untitled,Page</title>

<style, type=” text/css” >

<! –body{margin:0px;

}

– >

</style>

</head>

<body>

<iframe, id=” ifr” ,name=” ifr” ,width=” 100%” ,height=” 500″ , src=” bb.htm” ></iframe></body>

</html>

<script, language=” javascript” , type=” text/javascript” >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>

RackNerd 2022春节促销提供三款年付套餐 低至年付10.88美元

RackNerd 商家我们应该是比较熟悉的商家,速度一般,但是人家便宜且可选机房也是比较多的,较多集中在美国机房。包括前面的新年元旦促销的时候有提供年付10美元左右的方案,实际上RackNerd商家的营销策略也是如此,每逢节日都有活动,配置简单变化,价格基本差不多,所以我们网友看到没有必要囤货,有需要就选择。RackNerd 商家这次2022农历新年也是有几款年付套餐。低至RackNerd VPS...

ZJI-全场八折优惠,香港服务器 600元起,还有日本/美国/韩国服务器

月付/年付优惠码:zji  下物理服务器/VDS/虚拟主机空间订单八折终身优惠(长期有效)一、ZJI官网点击直达ZJI官方网站二、特惠香港日本服务器香港大埔:http://hkdb.speedtest.zji.net/香港葵湾:http://hkkw.speedtest.zji.net/日本大阪:http://jpsk.speedtest.zji.net/日本大阪一型 ...

特网云-新上线香港五区补货资源充足限时抢 虚拟主机6折,低至38元!

官方网站:点击访问特网云官网活动方案:===========================香港云限时购==============================支持Linux和Windows操作系统,配置都是可以自选的,非常的灵活,宽带充足新老客户活动期间新购活动款产品都可以享受续费折扣(只限在活动期间购买活动款产品才可享受续费折扣 优惠码:AADE01),购买折扣与续费折扣不叠加,都是在原价...

iframe用法为你推荐
iphone360手机卫士苹果手机支持360手机卫士吗?推广方法营业推广的方式有哪些显卡温度多少正常显卡温度多少算正常中小企业信息化什么是中小企业信息化途径iphone越狱后怎么恢复苹果手机越狱之后能恢复原来吗?商标注册查询官网如何在网上查询商标是否注册?ios系统ios系统有哪些版本?云挂机快手极速版后台云挂机辅?助各位用了吗?在哪找的?小米手柄手机用小米手柄能玩什么游戏虚拟机软件下载谁有好用的虚拟机软件?
美国linux主机 inmotionhosting win8.1企业版升级win10 免费全能空间 php空间购买 电信虚拟主机 香港新世界中心 raid10 双线asp空间 linode支付宝 cxz 杭州电信宽带 闪讯网 web服务器有哪些 美国西雅图独立 卡巴下载 tko 网络安装 crontab ddos攻击 更多