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

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

--------------知识就是力量-----精品word文档值得下载------知识改变未来----------------

好多同志对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) ;

--------------知识就是力量-----精品word文档值得下载------知识改变未来----------------

-----------------------------------------------------------------------------------------------------------------------------

--------------知识就是力量-----精品word文档值得下载------知识改变未来----------------

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>

--------------知识就是力量-----精品word文档值得下载------知识改变未来----------------

-----------------------------------------------------------------------------------------------------------------------------

热网互联33元/月,香港/日本/洛杉矶/韩国CN2高速线路云主机

热网互联怎么样?热网互联(hotiis)是随客云计算(Suike.Cloud)成立于2009年,增值电信业务经营许可证:B1-20203716)旗下平台。热网互联云主机是CN2高速回国线路,香港/日本/洛杉矶/韩国CN2高速线路云主机,最低33元/月;热网互联国内BGP高防服务器,香港服务器,日本服务器全线活动中,大量七五折来袭!点击进入:热网互联官方网站地址热网互联香港/日本/洛杉矶/韩国cn2...

wordpress专业外贸建站主题 WordPress专业外贸企业网站搭建模版

WordPress专业外贸企业网站搭建模版,特色专业外贸企业风格 + 自适应网站开发设计 通用流行的外贸企业网站模块 + 更好的SEO搜索优化和收录 自定义多模块的产品展示功能 + 高效实用的后台自定义模块设置!采用标准的HTML5+CSS3语言开发,兼容当下的各种主流浏览器: IE 6+(以及类似360、遨游等基于IE内核的)、Firefox、Google Chrome、Safari、Opera...

Hostodo独立日提供四款特价年付VPS套餐 最低年付$13.99

前天,还有在"Hostodo商家提供两款大流量美国VPS主机 可选拉斯维加斯和迈阿密"文章中提到有提供两款流量较大的套餐,这里今天看到有发布四款庆祝独立日的七月份的活动,最低年付VPS主机13.99美元,如果有需要年付便宜VPS主机的可以选择商家。目前,Hostodo机房可选拉斯维加斯和迈阿密两个数据中心,且都是基于KVM虚拟+NVMe整列,年付送DirectAdmin授权,需要发工单申请。(如何...

iframe用法为你推荐
支付宝查询余额支付宝里如何查询银行卡里面的余额?ghostxp3ghost xp sp3 和 windows xp3有啥区别pw美团网电话是什么pwarm开发板ARM开发板具体有什么作用?有什么商业价值?手机区号手机号码前怎样填写正确的国内区号?中小企业信息化什么是中小企业信息化途径qq空间装扮QQ空间装扮神雕侠侣礼包大全神雕侠侣先手礼包在哪领怎么点亮qq空间图标怎么点亮QQ空间的图标数据库损坏数据库坏了,怎么修复?
windows虚拟主机 动态ip的vps 联通c套餐 lunarpages winhost 电影服务器 linode代购 20g硬盘 免费cdn加速 天猫双十一抢红包 地址大全 网盘申请 智能骨干网 建立邮箱 gspeed 域名接入 佛山高防服务器 上海服务器 申请网页 常州联通宽带 更多