iframe 的用法与注意事项

web前端|css教程

iframe

web前端-css教程

本文主要来讲述一下 iframe 的用法与注意事项:
好多同志对 iframe 是如何控制的,并不是十分了解,基本上还处于一个模糊的认识状态.
注意两个事项,ifr 是一个以存在的 iframe 的 ID 和 NAME 值:
 document.getElementById(“ifr”);
 window.frames[“ifr”];

关注测试源码,vscode的使用教,ubuntu 分区格式,tomcat查询put请求,sqlite提取字符串函数,房间里突然出现小爬虫怎么办,go 语言 php,锦州正规seo网络优化,大星网站源码,ecshop简洁模板lzw

要想使用iframe内的函数,变量就必须通过第二种方法.因为它取的是一个完整的DOM模型(不知道这样说对不对).第一种方法只是取出了一个OBJECT而已.

https网站源码下载,ubuntu 远程端口修改,tomcat 浏览器无反应,python爬虫得数据,php留言板使用教程学习,seo 360权重lzw

如果只想改变iframe的 src 或者 border , scrolling 等 attributes(与property不是一个概念,property是不能写在标签内的,比如:scrollHeight,innerHTML等),就需要用到第一种方法.

微信限时秒杀分销商城源码,ubuntu投屏设置,爬虫流量是什么,php176576684,隐藏转发seolzw

如果想取得iframe的页面(不是iframe本身),就需要使用第二种方法,因为它取得的是一个完整的DOM模型,比如想得到iframe的document.body的内容,就只能用第二种方法.

还要注意的是,如果在iframe的页面未完全装入的时候,调用iframe的DOM模型,会发生很严重的错误,所以,你要准备一个容错模式.

下面是示例,一个是aa.htm,一个是bb.htm,请先考到本地在运行,原因不用我在说了吧!

aa.htm

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]bb.htm

<title>sub frame</title>  I’m a sub frame! … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … var bb_var=”I’m a variable in ifr”; function bb(){ alert(“Alert from iframe :I’m frame ifr’s function”) } //获取父页面的变量 alert(“Alert from iframe parent.ifr_id::” + parent.ifr_id); alert(“Alert from iframe parent.aa_value : ” + parent.aa_value); //通过父页面的ifr_id来改变 iframe的高度 alert(“Alert from iframe : ifr’s clientHeight :” +document.body.clientHeight); parent.ifr_id.height=document.body.clientHeight; alert(“Alert from iframe : ifr’s scrollHeight : ” + document.body.scrollHeight); //调用父窗体的函数: parent.aa(“I will calling a function which is Top window’s “); //改变父窗体的标题: alert(“Alert from iframe : I will changing Top window’s title”); top.document.title=”The title value changed”; //通过父窗体的ifr_id来改变的border 与scrolling alert(“Alert from iframe : I will change my border and scrolling :”); top.ifr_id.border=0; top.ifr_id.scrolling=”no”;

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

暂无相关文章