的是行业资料网页制作总结之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>

百纵科技云主机首月9元,站群1-8C同价,美国E52670*1,32G内存 50M 899元一月

百纵科技:美国高防服务器,洛杉矶C3机房 独家接入zenlayer清洗 带金盾硬防,CPU全系列E52670、E52680v3 DDR4内存 三星固态盘阵列!带宽接入了cn2/bgp线路,速度快,无需备案,非常适合国内外用户群体的外贸、搭建网站等用途。官方网站:https://www.baizon.cnC3机房,双程CN2线路,默认200G高防,3+1(高防IP),不限流量,季付送带宽美国洛杉矶C...

数脉科技:阿里云香港CN2线路服务器;E3-1230v2/16G/240G SSD/10Mbps/3IP,月付374元

数脉科技怎么样?昨天看到数脉科技发布了7月优惠,如果你想购买香港服务器,可以看看他家的产品,性价比还是非常高的。数脉科技对香港自营机房的香港服务器进行超低价促销,可选择10M、30M的优质bgp网络。目前商家有优质BGP、CN2、阿里云线路,国内用户用来做站非常不错,目前E3/16GB阿里云CN2线路的套餐有一个立减400元的优惠,有需要的朋友可以看看。点击进入:数脉科技商家官方网站香港特价阿里云...

Megalayer优化带宽和VPS主机主机方案策略 15M CN2优化带宽和30M全向带宽

Megalayer 商家主营业务是以独立服务器和站群服务器的,后来也陆续的有新增香港、菲律宾数据中心的VPS主机产品。由于其线路的丰富,还是深受一些用户喜欢的,有CN2优化直连线路,有全向国际线路,以及针对欧美的国际线路。这次有看到商家也有新增美国机房的VPS主机,也有包括15M带宽CN2优化带宽以及30M带宽的全向线路。Megalayer 商家提供的美国机房VPS产品,提供的配置方案也是比较多,...

iframe用法为你推荐
ptrc语言for语句中(*ptr)和*ptr有什么区别,为什么要加括号,不加括号会手游运营手册新浪无线 这个公司开发手机游戏吗?雅虎社区雅虎是什么spgnuxPC操作系统如何描述百度抢票浏览器百度手机浏览器怎么抢票 手机百度浏览器抢票方法网站运营网站运营的工作做什么照片转手绘有什么软件可以把相片变成手绘的,不是美图秀秀里面的arm开发板ARM开发板具体有什么作用?有什么商业价值?怎么点亮qq空间图标QQ空间的图标怎么点亮人人逛街人人逛街网是正品吗
上海服务器租用 cn域名个人注册 technetcal 便宜服务器 lunarpages isatap lamp配置 南昌服务器托管 789电视网 共享主机 爱奇艺vip免费领取 电信托管 腾讯总部在哪 登陆空间 独享主机 石家庄服务器托管 中国域名 畅行云 美国迈阿密 免费稳定空间 更多