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

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

BGP.TO日本和新加坡服务器进行促销,日本服务器6.5折

BGP.TO目前针对日本和新加坡服务器进行促销,其中日本东京服务器6.5折,而新加坡服务器7.5折起。这是一家专门的独立服务器租售网站,提供包括中国香港、日本、新加坡和洛杉矶的服务器租用业务,基本上都是自有硬件、IP资源等,国内优化直连线路,机器自动化部署上架,并提供产品的基本管理功能(自助开关机重启重装等)。新加坡服务器 $93.75/月CPU:E3-1230v3内存:16GB硬盘:480GB ...

腾讯云CVM云服务器大硬盘方案400GB和800GB数据盘方案

最近看到群里的不少网友在搭建大数据内容网站,内容量有百万篇幅,包括图片可能有超过50GB,如果一台服务器有需要多个站点的话,那肯定默认的服务器50GB存储空间是不够用的。如果单独在购买数据盘会成本提高不少。这里我们看到腾讯云促销活动中有2款带大数据盘的套餐还是比较实惠的,一台是400GB数据盘,一台是800GB数据盘,适合他们的大数据网站。 直达链接 - 腾讯云 大数据盘套餐服务器这里我们看到当前...

ZJI:韩国BGP+CN2线路服务器,国内三网访问速度优秀,8折优惠码每月实付440元起

zji怎么样?zji最近新上韩国BGP+CN2线路服务器,国内三网访问速度优秀,适用8折优惠码zji,优惠后韩国服务器最低每月440元起。zji主机支持安装Linux或者Windows操作系统,会员中心集成电源管理功能,8折优惠码为终身折扣,续费同价,全场适用。ZJI是原Wordpress圈知名主机商:维翔主机,成立于2011年,2018年9月启用新域名ZJI,提供中国香港、台湾、日本、美国独立服...

iframe用法为你推荐
支付宝查询余额支付宝里如何查询银行卡里面的余额?雅虎社区有什么网站的论坛内容丰富 资讯较新 适合年轻人的?打开网页出现错误网页出现错误怎么解决?要最简单的那种怎么在qq空间里添加背景音乐如何在QQ空间中添加背景音乐照片转手绘美图秀秀可以照片转手绘吗?是手机版的今日热点怎么删除“今日热点”到底要怎样才能取消弹窗,每次开机都会安卓应用平台手机系统应用在哪qq怎么发邮件怎么发送QQ邮件迅雷云点播账号求一个迅雷云点播vip的账号,只是看的,绝不动任何手脚。创维云电视功能很喜欢创维云电视,它到底有哪些独特功能?
郑州虚拟主机 轻博客 轻博 xen 地址大全 智能骨干网 京东商城0元抢购 qingyun 免费申请个人网站 免费智能解析 免费mysql数据库 空间登陆首页 中国电信测速器 上海电信测速 群英网络 贵州电信 windowsserver2012r2 WHMCS wannacry勒索病毒 ubuntu安装教程 更多