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

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

819云(240元)香港CN2 日本CN2 物理机 E5 16G 1T 20M 3IP

819云是我们的老熟人了,服务器一直都是稳定为主,老板人也很好,这次给大家带来了新活动,十分给力 香港CN2 日本CN2 物理机 E5 16G 1T 20M 3IP 240元0官方网站:https://www.819yun.com/ 特惠专员Q:442379204套餐介绍套餐CPU内存硬盘带宽IP价格香港CN2 (特价)E5 随机分配16G1T 机械20M3IP240元/月日本CN2 (...

欧路云:美国CUVIP线路10G防御,8折优惠,19元/月起

欧路云新上了美国洛杉矶cera机房的云服务器,具备弹性云特征(可自定义需要的资源配置:E5-2660 V3、内存、硬盘、流量、带宽),直连网络(联通CUVIP线路),KVM虚拟,自带一个IP,支持购买多个IP,10G的DDoS防御。付款方式:PayPal、支付宝、微信、数字货币(BTC USDT LTC ETH)测试IP:23.224.49.126云服务器 全场8折 优惠码:zhujiceping...

萤光云(20元/月),香港CN2国庆特惠

可以看到这次国庆萤光云搞了一个不错的折扣,香港CN2产品6.5折促销,还送50的国庆红包。萤光云是2002年创立的商家,本次国庆活动主推的是香港CN2优化的机器,其另外还有国内BGP和高防服务器。本次活动力度较大,CN2优化套餐低至20/月(需买三个月,用上折扣+代金券组合),有需求的可以看看。官方网站:https://www.lightnode.cn/地区CPU内存SSDIP带宽/流量价格备注购...

iframe用法为你推荐
中国论坛大全天涯论坛的网址?公章制作在WOLD里怎样制作公章二叉树遍历写出二叉树的先序遍历、中序遍历、后序遍历。如何建立一个网站怎样能创建一个网站保护气球气球保护液可以用什么来代替?人人逛街人人逛街网是正品吗商标注册查询官网商标注册查询官方网站?微信电话本怎么用微信电话本怎么使用呀,我的电话号码是存在手机里面,用这个软件就读取不了电话,我是第一次使用声母是什么什么是声母,什么是韵母网站地图制作如何制作一个网站地图?
域名注册中心 长沙域名注册公司 ddos 百度云100as php探针 北京主机 福建天翼加速 柚子舍官网 七夕快乐英文 网站卫士 hkt t云 免费私人服务器 网站加速软件 百度云加速 asp空间 重庆联通服务器托管 贵州电信 沈阳idc e-mail 更多