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

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

古德云香港cn2/美国cn235元/月起, gia云服务器,2核2G,40G系统盘+50G数据盘

古德云(goodkvm)怎么样?古德云是一家成立于2020年的商家,原名(锤子云),古德云主要出售VPS服务器、独立服务器。古德云主打产品是香港cn2弹性云及美西cn2云服务器,采用的是kvm虚拟化构架,硬盘Raid10。目前,古德云香港沙田cn2机房及美国五星级机房云服务器,2核2G,40G系统盘+50G数据盘,仅35元/月起,性价比较高,可以入手!点击进入:古德云goodkvm官方网站地址古德...

2022年最新PHP短网址生成系统/短链接生成系统/URL缩短器系统源码

全新PHP短网址系统URL缩短器平台,它使您可以轻松地缩短链接,根据受众群体的位置或平台来定位受众,并为缩短的链接提供分析见解。系统使用了Laravel框架编写,前后台双语言使用,可以设置多域名,还可以开设套餐等诸多功能,值得使用。链接: https://pan.baidu.com/s/1ti6XqJ22tp1ULTJw7kYHog?pwd=sarg 提取码: sarg文件解压密码 www.wn7...

2021年全新Vultr VPS主机开通云服务器和选择机房教程(附IP不通问题)

昨天有分享到"2021年Vultr新用户福利注册账户赠送50美元"文章,居然还有网友曾经没有注册过他家的账户,薅过他们家的羊毛。通过一阵折腾居然能注册到账户,但是对于如何开通云服务器稍微有点不对劲,对于新人来说确实有点疑惑。因为Vultr采用的是预付费充值方式,会在每月的一号扣费,当然我们账户需要存留余额或者我们采用自动扣费支付模式。把笔记中以前的文章推送给网友查看,他居然告诉我界面不同,看的不对...

iframe用法为你推荐
苏州商标注册在江苏怎么注册商标啊??google竞价排名google关键字广告和百度排名有什么区别,又有什么相同点?网站联盟怎样进入网站联盟网店推广网站网店怎么推广?商标注册查询官网怎么查商标有没有注册网络广告投放怎样在网络上进行广告的投放?发邮件怎么发如何发邮件?网站营运网站运营都分为哪些方面网站地图制作网站地图 怎么制作?cisco防火墙cisco防火墙里k9是什么意思
西安域名注册 shopex空间 国外免费空间 天互数据 有益网络 paypal注册教程 七夕快乐英语 lamp什么意思 存储服务器 hostease 免费的加速器 alexa世界排名 cx域名 magento主机 ping值 德国代理ip 赵荣博客 西安电信测速网 国外bt网站 大容量存储控制器驱动 更多