的是网页制作总结之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文档值得下载------知识改变未来----------------

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

CloudCone:$17.99/年KVM-1GB/50GB/1TB/洛杉矶MC机房

CloudCone在月初发了个邮件,表示上新了一个系列VPS主机,采用SSD缓存磁盘,支持下单购买额外的CPU、内存和硬盘资源,最低年付17.99美元起。CloudCone成立于2017年,提供VPS和独立服务器租用,深耕洛杉矶MC机房,最初提供按小时计费随时退回,给自己弄回一大堆中国不能访问的IP,现在已经取消了随时删除了,不过他的VPS主机价格不贵,支持购买额外IP,还支持购买高防IP。下面列...

ProfitServer$34.56/年,5折限时促销/可选西班牙vps、荷兰vps、德国vps/不限制流量/支持自定义ISO

ProfitServer怎么样?ProfitServer好不好。ProfitServer是一家成立于2003的主机商家,是ITC控股的一个部门,主要经营的产品域名、SSL证书、虚拟主机、VPS和独立服务器,机房有俄罗斯、新加坡、荷兰、美国、保加利亚,VPS采用的是KVM虚拟架构,硬盘采用纯SSD,而且最大的优势是不限制流量,大公司运营,机器比较稳定,数据中心众多。此次ProfitServer正在对...

Raksmart:香港高防服务器/20Mbps带宽(cn2+bgp)/40G-100Gbps防御

RAKsmart怎么样?RAKsmart香港机房新增了付费的DDoS高防保护服务,香港服务器默认接入20Mbps的大陆优化带宽(电信走CN2、联通和移动走BGP)。高防服务器需要在下单页面的IP Addresses Option里面选择购买,分:40Gbps大陆优化高防IP-$461/月、100Gbps国际BGP高防IP-$692/月,有兴趣的可以根据自己的需求来选择!点击进入:RAKsmart官...

iframe用法为你推荐
安装程序配置服务器失败sql server 2000 安装程序配置服务器失败自助建站自助建站到底好还是不好镜像文件是什么什么是文件镜像?什么是镜像文件?如何建立一个网站怎样能创建一个网站硬盘人什么叫“软盘人”和“硬盘人”?数据库损坏数据库坏了怎么办淘宝网页显示不正常淘宝网显示不正常安装迅雷看看播放器迅雷看看不能播放,说我尚未安装迅雷看看播放器bt封杀BT下载可以封杀迅雷吗?什么原理?能破吗?虚拟专用网intranet,extranet,虚拟专用网与internet有什么区别与联系
移动服务器租用 日本私人vps 汉邦高科域名申请 zpanel 免费主机 私人服务器 59.99美元 免费网站监控 好看的桌面背景大图 xen e蜗 最好的qq空间 闪讯官网 宏讯 云营销系统 web应用服务器 韩国代理ip 国外的代理服务器 免备案cdn加速 卡巴斯基官网下载 更多