可以通过vue或者angular双向数据绑定iframe元素吗
<div id="app"><input type="text" v-model="item.name" /><input type="checkbox" v-model="item.check" /><input type="date" v-model="item.date" /><iframe ref="iframe" src="child.html" @load="load"></iframe></div><script src="http://cdn.bootcss.com/vue/2.1.8/vue.min.js"></script><script>window.app = new Vue({el: "#app",data() {return {item: {name: null,check: false,date: null,},}},methods: {load: function (item) {const app = this.$refs.iframe.contentWindow.app;if (app && app.setContent) {app.setContent(this.item)}else {window._item = this.item}}}})</script>
JavaScript如何修改页面中iframe的属性值
<?xml version="1.0" encoding="gbk"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh" dir="ltr"><head profile="http://www.w3.org/2000/08/w3c-synd/#"> <title>New Page | xHTML1.0 Transitional</title> <link rel="shortcut icon" href="favicon.ico" /> <script type="text/javascript"> //放大 function ChangeBig() { var myFrame=document.getElementById("myFrame"); var fWidth=parseInt(myFrame.width); var fHeight=parseInt(myFrame.height); if(fWidth<600) { myFrame.width=fWidth+20; myFrame.height=fHeight+20; } else { alert("已经放至最大"); } } //缩小 function ChangeSmall() { var myFrame=document.getElementById("myFrame"); var fWidth=parseInt(myFrame.width); var fHeight=parseInt(myFrame.height); if(fHeight>=100) { myFrame.width=fWidth-20; myFrame.height=fHeight-20; } else { alert("已经缩至最小"); } } </script></head><body> <iframe src="http://www.baidu.com" id="myFrame" name="x" width="200" height="100"></iframe> <br/> <input type="button" value="放大" onclick="ChangeBig()"/> <input type="button" value="缩小" onclick="ChangeSmall()"/></body></html>说明：以上代码在IE6和Firefox中测试通过。看在我辛苦的敲了这么多字符的份上还是给我加点分三，(*^__^*) 嘻嘻……
HTML取消iframe自动换行
给这两个 iframe 加一个父层，设置 CSS 的 white-space 为 nowrap<div style="white-space: nowrap;"><iframe ...></iframe> <iframe ...></iframe></div>或者不加父层，直接把 style="white-space: nowrap;" 加在 body 标签上
asp.net中如何在codebehind里实现对iframe页面跳转的控制？
改iframe 中src地址！
W3C标准下js动态隐藏滚动条在iframe下失效怎么办
一：去掉全部的滚动条 第一个方法： iframe 有一个scrolling属性，它有 auto , yes , no 这三个值。 scrolling : auto -----在需要的时候滚动条出现 scrolling : yes ------始终显示滚动条 scrolling : no -------始终隐藏滚动条 当设置 scrolling : no 时，全部的滚动条就没有了。 第二个方法：我发现除了 scrolling 可以去掉全部的滚动条外，还有另一个方法，在嵌入的页面里设置 body{overflow：hidden}，这样也可以将滚动条去掉，而且这也是当我们只想去掉某一个滚动条所使用的属性。 二：去掉右边的滚动条且保留底下的滚动条 如果只想保留底下的滚动条，那么可以在嵌入的页面里设置 body{overflow-x：auto ; overflow-y：hidden；}
winfrom 中，怎么判断 iframe的readystate状态
1.这个是webform2.一般来说，我们判断 iframe 是否加载完成其实与 判断 JavaScript 文件是否加载完成 采用的方法很类似：var iframe = document.createElement("iframe");iframe.src = "http://www.planabc.net";if (!/*@cc_on!@*/0) { //if not IEiframe.onload = function(){alert("Local iframe is now loaded.");};} else {iframe.onreadystatechange = function(){if (iframe.readyState == "complete"){alert("Local iframe is now loaded.");}};}document.body.appendChild(iframe);最近， Nicholas C. Zakas 文章《Iframes, onload, and document.domain》的评论中 Christopher 提供了一个新的判断方法（很完美）：var iframe = document.createElement("iframe");iframe.src = "http://www.planabc.net";if (iframe.attachEvent){iframe.attachEvent("onload", function(){alert("Local iframe is now loaded.");});} else {iframe.onload = function(){alert("Local iframe is now loaded.");};}document.body.appendChild(iframe);几点补充说明：IE 支持 iframe 的 onload 事件，不过是隐形的，需要通过 attachEvent 来注册。第二种方法比第一种方法更完美，因为 readystatechange 事件相对于 load 事件有一些潜在的问题。
判断iframe中内容是否加载完毕
xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" /> 加在iframe上 当然也可以在被包含的页上写 两种一种是全部内容加载完成 -----------------------------------------------------------------function init(){alert("页面加载完毕！");}window.onload=init;-----------------------------------------------------------------一种是dom加载完成,dom加载分为两种:FF和IE(IE也有两种) -----------------------------------------------------------------// for Mozilla browsersif (document.addEventListener) {document.addEventListener("DOMContentLoaded", function(){alert("DOM加载完毕！")}, null);}-----------------------------------------------------------------
js如何判断iframe是否完全加载
var iframe = document.createElement("iframe"); iframe.src = "http://www.manongjc.com"; if (!/*@cc_on!@*/0) { //if not IE iframe.onload = function(){ alert("Local iframe is now loaded."); }; } else { iframe.onreadystatechange = function(){ if (iframe.readyState == "complete"){ alert("Local iframe is now loaded."); } }; } document.body.appendChild(iframe); 最近， Nicholas C. Zakas 文章《Iframes, onload, and document.domain》的评论中 Christopher 提供了一个新的判断方法（很完美）：var iframe = document.createElement("iframe"); iframe.src = "http://manongjc.com"; if (iframe.attachEvent){ iframe.attachEvent("onload", function(){ alert("Local iframe is now loaded."); }); } else { iframe.onload = function(){ alert("Local iframe is now loaded."); }; } document.body.appendChild(iframe); 几点补充说明： IE 支持 iframe 的 onload 事件，不过是隐形的，需要通过 attachEvent 来注册。 第二种方法比第一种方法更完美，因为 readystatechange 事件相对于 load 事件有一些潜在的问题。
asp.net C# 代码刷新本页内IFrame，提示此Iframe为空或不是对象
document.frames.mainframe.location.href="{0}"改成document.frames.mainframe.location="MainFrame.aspx"试试,还有就是我想知道你在什么方法里写的那个response.write?
div里面怎么用iframe
<div class="xxx" ><iframe name="20" src="xxxxx.html" width="526" height="260" marginheight="0" marginwidth="0" scrolling="no" frameborder="no" align="middle"></iframe></div
如何阻止iframe嵌入的网页中的_blank行为
解决办法： ①在Windows启动后，点击“开始”→“运行”菜单项，在“打开”栏中键入regedit，然后按“确定”键； ②展开注册表到 HKEY_LOCAL_MACHINESOFTWAREMicrosoftInternet ExplorerMain 下，在右半部分窗口中找到串值“Start Page”双击 ，将Start Page的键值改为“about:blank”即可； ③同理，展开注册表到 HKEY_CURRENT_USERSoftwareMicrosoftInternet ExplorerMain 在右半部分窗口中找到串值“Start Page”，然后按②中所述方法处理。 ④退出注册表编辑器，重新启动计算机，一切OK了！ 特殊例子：当IE的起始页变成了某些网址后，就算你通过选项设置修改好了，重启以后又会变成他们的网址啦，十分的难缠。其实他们是在你机器里加了一个自运行程序，它会在系统启动时将你的IE起始页设成他们的网站。 解决办法：运行注册表编辑器regedit.exe，然后依次展开 HKEY_LOCAL_MACHINESoftwareMicrosoftWindowsCurrent VersionRun 主键，然后将其下的registry.exe子键删除，然后删除自运行程序c:Program Files egistry.exe，最后从IE选项中重新设置起始页就好了。
superset（master）iframe跨域集成时遇到难题？
首先，认识一下 X-Frame-Options。 The X-Frame-Options HTTP 响应头是用来给浏览器 指示允许一个页面 可否在 <frame> , <iframe> , <embed> 或者 <object> 中展现的标记。站点可以通过确保网站没有被嵌入到别人的站点里面，从而避免 clickjacking 攻击。 X-Frame-Options 有三个可能的值： 在0.27中保持这个配置项为空即可，在master中远远不够。 这么修改后可能还会遇到在打开iframe时出现错误 这里的原因可能是——开启public角色的访问权限后，真正放到iframe中还需要解决跨域问题，而老版本中对http_headers配置项的修改不起作用，只能直接对explore_json去除csrf保护。 添加配置文件中的U0001f447 再次访问有效，所以在master版本中，主要是依靠对特定接口取消保护来达到目的。 如果使用nginx进行部署的话，还需要配置 nginx 发送 X-Frame-Options 响应头，把下面这行添加到 "http", "server" 或者 "location" 的配置中: 注意：
portlet 无法显示，是因为您的浏览器不支持 iframe。
换遨游2浏览器再试试
IE7打开一个网页后显示“portlet 无法显示，是因为您的浏览器不支持 iframe。 ”请问怎么解决？
卸了吧! 尽管IE 7增加了不少非常实用的功能，但是由于IE 7目前还是有些缺点，我装上了,百度知道不能登陆,qq空间打不开..........感觉使用起来不爽。 进入“添加/删除程序”窗口，由于IE是在安装系统时当作系统组件安装的，因此我们找不到任何IE删除选项，而在“添加/删除Windows组件”中仅有卸载整个IE，而非IE 7。其实我们只要在“添加/删除程序”窗口中勾选“显示更新”选项即可看到IE 7 beta 1了。 点击后面的“删除”按钮即可进行卸载，卸载了IE 7 Beta 1后，重启系统，又回到你熟悉的IE 6版本了。
在iframe中如何调用父窗体的方法？
我用不好使！我的iframe和主窗体不是同域名是不是不行呀？不同域名当然不行，不允许跨域。如果顶级域名相同，2级或者n级域名互访可以设置document.domain="顶级域名"就可以互相操作了
利用iframe引入需要认证的跨域页面
1、需求描述 一个页面中包含两部分内容，一块内容是本系统中的页面，要展示一些本系统中后端接口返回的数据的内容，一块完全是另一个项目的页面，但这个页面是需要认证信息才能打开的，因此会涉及到跨域信息传递的问题，iframe 引入的页面能拿到主站页面传递给它的认证信息，然后正常展示出来页面。 2、解决思路 实现的时候考虑使用iframe引入第三方页面的方式。 1) 传递认证信息的方式—postMessage 对于主站向iframe引入的页面传递认证信息，可以通过 postMessage 来进行，但是要能够 postMessage 传递认证信息的前提是iframe 引入的页面能够正常显示，但是事实上没有认证信息，iframe引入的页面是不能正常显示的，这貌似就陷入了一个死循环。 2）传递认证信息—cookie 另一个想到的方法就是 cookie 传递信息了，这个引入的页面和当前的主站页面有一个关系就是，引入的页面是主站的子域，那么写cookie的时候有一个规则，cookie 的 domain 写成 .aaa.com写到主站,那么 test.aaa.com 和aaa.com 页面都可以获取到cookie信息并利用起来。 上面的第二种方法是已经经过实践检验的，在打开主站的情况下，cookie 的domain设置成.xxx.com的方式，浏览器打开子域的页面，子域页面中是可以拿到这个cookie的信息的。 但是当前的问题并不是直接在浏览器中打开页面，而是在主站中以 iframe 的方式引入页面，这样也能看到吗？？ 3、实践 有句话是这么说的，实践是检验真理的唯一标准，经过实践检验后，第二种方法是可行的，在浏览器中保存过一个页面的cookie之后，无论是直接打开一个页面，还是别的页面通过 iframe 引入该页面，cookie都是可以被利用到的。 4、思考 所以 cookie 其实是存在浏览器中的，只要浏览器中的这个cookie 文件保存，并且cookie是有效的，那么在当前页面引入与本页面无关的页面，都是可以的，csrf 跟这个有什么关系呢？ 其实觉得自己写了一堆智障的东西，以后还是要多写，多研究，才能真正知道自己有多浅薄。
iframe内嵌怎么自适应
那仍然可以用最简单的传统处理方式: <iframe id="frame_content" src="iframe_b.html" scrolling="no" frameborder="0" onload="this.height=this.contentWindow.document.documentElement.scrollHeight"></iframe>
如何在iframe内部进行页面的切换
Jquery弹出层窗口，并且背景变暗先到 下载Jquery的Lee dialog插件， <html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><script language="javascript" src="dialog.js"></script><script language="javascript" src="Jquery.js"></script><style>#floatBoxBg.floatBox.floatBox .title.floatBox .title h4.floatBox .title span.floatBox .content</style></head>
如何获取页面中iframe的属性
给iframe设个id= testIframevar parentWindow;var testIframe;for(var i = 0 ; i < 10; i++){ parentWindow = window.top.frames[i]; testIframe= $("#testIframe", parentWindow.document).val(); if(testIframe){ break; } }
怎么能让iframe页内框架的大小根据在框架内显示网页的大小而定？在线等。
给 iframe 标签添加一个 onload 事件onload="this.height=this.contentWindow.document.body.scrollHeight+40"
div和iframe的区别？希望能够回答的详细点
DIV元素是用来为HTML文档内大块的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。而IFRAME 元素也就是文档中的文档，就相当于你在文档内新开了一个网页浏览窗口。窗口的大小与边框甚至是滚动条都可以在Iframe内的属性中设置。
iframe如何打开另外一个网页
target="html name"
如何隐藏显示iframe
获取iframe对象 添加 style="display:none"如果iframe不能的话 就把iframe放到div里 获取div的对象 添加style="display:none"
iframe 怎么控制iframe
/有两个按钮分别响应两个事件，用来控制iframe显示的网页。 <script type="text/javascript"> function bd(){ var baidu = document.getElementById("i"); baidu.src = "http://www.baidu.com"; } function xl(){ var sina = document.getElementById("i"); sina.src = "http://www.sina.com.cn"; } </script> <style type="text/css"> #i{ width:400px; height:300px; } </style> </head>
iframe参数如何设置
分类: 电脑/网络 >> 程序设计 >> 其他编程语言 问题描述: 如何让iframe的height自动与他里面显示的网页的height一样？？？ 比如：我要在iframe立镶嵌一个one，one的height为600，那么这时iframe的height也应该为600，或者为自适应。然后我点击一个超链接o，同样是显示在iframe内，但这个网页的height假设为800的话，如果我设置的iframe的height为600的话，这个网页就不能完全显示出来，浏览时还需要拖动滚动条... 我就是向问如何设置，使iframe能够完整显示加载的网页，而不用去拖动滚动条。 解析: 在one的<body>里面加入:onload="parent.window.document.all.aaa.height=document.all.bd.clientHeight" one的所有内容用一个表格嵌起来,表格的ID设置为bd,然后,iframe的ID设置为aaa parent.window.document.all.aaa.height：aaa也就是iframe的ID document.all.bd.clientHeight：bd也就是one最外层表格的ID
网页设计iframe
dsffsdf
框架frameset和iframe的区别
两者的差别如下：● <Frameset>为框架标记，说明该网页文档为框架组成，并设定文档中组成框架集的框架的布局。● <Iframe>用以设置组成框架集中各个框架的属性。<Frameset></Frameset>用来划分框架，每一个框架由<Frame></Frame>标记。<Frame></Frame>必须在<Frameset></Frameset>之内使用，代码如下：<FRAMESET border=1 frameSpacing=1 borderColor=#47478d rows=* cols=180,*><FRAME src="inc/admin_left.htm" name=left scrolling=no id="left"><FRAME src="inc/admin_center.htm" name=main scrolling="no"></FRAMESET>在上面的例子当中，<Frameset></Frameset>把页面分为左右两个部分，左侧框架中的页面是admin_left.htm，右侧框架中的页面是admin_center.htm。注意：<Frame></Frame>标记的框架顺序为从左至右或从上到下。Frame与Iframe两者可以实现的功能基本相同，不过Iframe比Frame具有更多的灵活性。Iframe标记又叫浮动帧标记，可以用它将一个HTML文档嵌入在一个HTML中显示。它和Frame标记的最大区别是在网页中嵌入的<Iframe></Iframe>所包含的内容与整个页面是一个整体，而<Frame></Frame>所包含的内容是一个独立的个体，是可以独立显示的。另外，应用Iframe还可以在同一个页面中多次显示同一内容，而不必重复这段内容的代码。Iframe还有一个更大的好处，就是可以设置框架透明，让框架内的背景和主页面背景一样。
iframe允许弹窗
允许。根据查询iframe软件官网得知该软件是允许弹窗的，也可以在设置中关闭。iframe是HTML标签，作用是文档中的文档，或者浮动的框架(FRAME)，iframe元素会创建包含另外一个文档的内联框架（即行内框架）。
怎么用iframe嵌入整个页面
使用iframe可以截取网站的部分内容，主要配合width、height、overflow等属性来实现的，具体示例如下：<div style="width:630px;height:350px;overflow:hidden;border:0px"> <div style="width:800px;height:800px;margin:-810px 0px 0px -10px;"> <iframe src="要截取的网址" width="960" height="1280" scrolling="no"></iframe> </div> </div> 以上代码中的width 和height分别代表宽度和高度，具体值需要根据具体网页来更改。
iframe页面打开新窗口问题
/**********************************创建Tab样式窗口页面**********************/// JavaScript Documentfunction CreateDiv(tabid, url, name) { var divTab = document.getElementById("div_tab"); var ContentPage = document.getElementById("ContentPage"); var HomePage = document.getElementById("HomePage"); if (divTab == null) { divTab = window.top.document.getElementById("div_tab"); } if (ContentPage == null) { ContentPage = window.top.document.getElementById("ContentPage"); } if (HomePage == null) { HomePage = window.top.document.getElementById("HomePage"); } ///如果当前tabid不存在创建新的tab if (document.getElementById("div_" + tabid) == null) { //创建iframe var box = document.createElement("iframe"); box.id = "div_" + tabid; //box.id = "ContentPage" box.src = url; box.height = "100%"; box.frameBorder = 0; box.width = "100%"; if (ContentPage) { ContentPage.appendChild(box); } //遍历并清除开始存在的tab当前效果并隐藏其显示的div var tablist = divTab.getElementsByTagName("li"); var pannellist = ContentPage.getElementsByTagName("iframe"); if (tablist.length > 0) { //单行最多能够放10个，如果超过10个，将最前面的一个移除 var moreLength = 10; if (divTab.offsetWidth && divTab.offsetWidth <= 1100) { moreLength = 6; } else { moreLength = 10; } if (tablist.length == moreLength) { tablist[0].parentNode.removeChild(tablist[0]); pannellist[1].parentNode.removeChild(pannellist[1]); } for (i = 0; i < tablist.length; i++) { tablist[i].className = ""; } for (i = 0; i <= tablist.length; i++) //不论其他tab是否存在桌面始终会存在,所以ifrme要比取到的li数多一个 { pannellist[i].style.display = "none"; } } else { pannellist[0].style.display = "none"; //桌面 } //创建li菜单 var tab = document.createElement("li"); tab.className = "crent"; tab.id = tabid; var litxt = "<span><a href="javascript:;" onfocus="javascript:this.blur();" onclick="javascript:CreateDiv("" + tabid + "","" + url + "","" + name + "")" title=" + name + " class="menua">" + name + "</a><a onclick="RemoveDiv("" + tabid + "")" class="win_close" title="关闭当前窗口"><a></span>"; tab.innerHTML = litxt; divTab.appendChild(tab); HomePage.className = ""; //桌面 } //如果当前tabid存在直接显示已经打开的tab else { var tablist = divTab.getElementsByTagName("li"); var pannellist = ContentPage.getElementsByTagName("iframe"); //alert(tablist.length); for (i = 0; i < tablist.length; i++) { tablist[i].className = ""; pannellist[i].style.display = "none" } HomePage.className = ""; //桌面 document.getElementById(tabid).className = "crent"; document.getElementById("div_" + tabid).style.display = "block"; //2013-07-02 夏常亮 增加判断，如果当前iframe的路径与url不一致，则iframe重新定向到新的url if (document.getElementById("div_" + tabid).getAttribute("src") != url) { document.getElementById("div_" + tabid).setAttribute("src", url); } }}function RemoveDiv(obj) { var divTab = document.getElementById("div_tab"); var ContentPage = document.getElementById("ContentPage"); var HomePage = document.getElementById("HomePage"); if (divTab == null) { divTab = window.top.document.getElementById("div_tab"); } if (ContentPage == null) { ContentPage = window.top.document.getElementById("ContentPage"); } if (HomePage == null) { HomePage = window.top.document.getElementById("HomePage"); } //移除iframe前先查找是否存在日期控件，如果存在，将日期控件隐藏 if ($(".WdateDiv").length >= 1) { $(".WdateDiv").hide(); } if ($(".User_main").length >= 1) { $(".User_main").remove(); } //移除 var ob = document.getElementById(obj); if (ob == null) { ob = window.top.document.getElementById(obj); } ob.parentNode.removeChild(ob); var obdiv = document.getElementById("div_" + obj); if (obdiv == null) { obdiv = window.top.document.getElementById("div_" + obj); } obdiv.parentNode.removeChild(obdiv); var tablist = divTab.getElementsByTagName("li"); var pannellist = ContentPage.getElementsByTagName("iframe"); if (tablist.length > 0) { tablist[tablist.length - 1].className = "crent"; pannellist[tablist.length].style.display = "block"; } //桌面 else { HomePage.className = "crent"; pannellist[0].style.display = "block"; }}/**************************************结束*************************************/
js如何修改iframe 中元素的属性？
网页加载的时候，iframe里面的还没加载完当然就更改不了。
html iframe里怎么放iframe
frame一般用来包含别的页面，iframe里怎么放iframe：1、<iframe src="1.html" width="500" height="500"> 2、在1.html中再次放入iframe <iframe src="2.html" width="500" height="500">
填坑之路：iframe的各种坑
连着两个项目遇到iframe，难受。 同域还好，不同域简直爆炸。 当然几经折磨，还是有了办法。 解决方案就是让它们变同域了，那做法就是在父子两个窗口设置一样的 domain 。 当然这个 domain 也不是随便设置的，至少保证二者有那么点类似，不然 比如现在父窗口域名 http://abc.dev.web.com ，子窗口域名 http://d.ef.dev.web.com 那现在我们可以发现二者的域名后半部分 dev.web.com 是一样的，那么我们就可以在两个页面的入口 js 文件内写上 document.domain = "dev.web.com" ，那么二者就同域了（本地测试考虑改host文件，或者将二者设为同域如127.0.0.1不同端口）. 总之，整体的思路就是取二者相同的域名部分来设domain（dev.web.com 不行就换 web.com，再不行就 com 总有一个能一样吧！） 那现在同域了以后就好办了。 其中contentWindow属性支持所有主流浏览器，contentDocument被IE6,7拒了。 在实际使用中，我们可能会需要对iframe中的dom节点绑定事件，一直绑不上事件的原因 狠狠狠有可能 就是你在父窗口的 ready（onload）中压根就没加载到 dom（iframe子窗口内的dom何时加载完成不能确定），所以，一个比较 low 的做法是轮询下 dom 是否加载完全： 还有一个要知道的就是可以在 iframe 的 src 中大做文章，很多时候可以把需要的一些信息附在src中，比如 src="http://abc.dev.web.com?access_token=abc&mac_key=cfd 之类的，子窗口就可以通过读取url来操作，方便得很。 首先搞懂几个对象：
html里可以使用iframe吗
当然可以，一般后台很多都采用iframe。
iframe在顶级页面弹窗并交互
使用window.top添加元素到顶层页面， 通过Portal将子组件渲染到该元素， 在iframe内部可以写弹窗内的布局， 在window.top添加样式和方法， 在找到对应的元素设置监听onclick/oninput方法， 然后就可以操作mobx数据， 使顶级页面和iframe进行交互。
iframe 分成上左右结构怎么写
div控制不就可以吗？
iframe和object的区别
性能不同。object主要是用来插入flash或者音乐，iframe是用来嵌套网页的。Iframe是内联框架的简称，是一种允许外部网页嵌入到HTML文档中的HTML元素，Object是所有类的超类，所有对象（包括数组）都实现了Object的方法。
怎样使用iframe，在网页中插入页面
第一步：需要建立两个页面1.html与2.html,把2.html插入1.html第二步：在1.html中使用<iframe></iframe>标签例如：<iframe src=".../2.html"></iframe>这样就插入了2.html页面。拓展分析：如果需要控制插入页面的大小等其他属性例如：<iframe src=".../2.html" style="width:**px;height:**px;"></iframe>如果需要嵌入的页面可以滚动，添加scrolling属性，yes为滚动，no相反；例如：<iframe src=".../2.html" scrolling=no style="width:**px;height:**px;"></iframe>如果需要设置这个嵌入网页的边框，则添加frameBorder属性例如：<iframe src=".../2.html" frameBorder=0 scrolling=no style="width:**px;height:**px;"></iframe>如果需要设置嵌入网页到边距的距离，添加属性marginwidth、marginheight等例如：<iframe src=".../2.html" frameBorder=0 scrolling=no marginwidth=0 marginheight=0 style="width:**px;height:**px;"></iframe> 当然还有其他的属性，这个可以去网上查一下控制html网页的属性。
iframe网页框架有什么作用，对网站seo有影响吗？
任何东西的好坏都要结合自己本身来进行分析，没有多少定律放之四海而皆准，对于seo来说更是如此就像很多seoer第一反应就是iframe对seo有影响，但是事实并不一定是这样的为什么他们和我们换广告，不用图片加链接却用iframe网页框架结构呢?我们都知道iframe框架指文档中的文档，应该是嵌套式的结构，蜘蛛一般是抓取不到的，除非你有链接指向这个网页换广告很多人选用iframe网页框架结构有两点原因：1、iframe网页框架能给对方网站带流量只要用户浏览这个页面，对方也会记录这个浏览，而图片带连接的广告形式只有点击进去才算一个流量;2、iframe方便更新对方内容更新，这边就会显示，其中有些是内容广告iframe网页框架对网站优化到底存在什么关系呢?有没有影响呢?我想这要具体问题具体分析，为什么这么说呢?从网站建设的设计中考虑，iframe网页框架对于网站是有很大的影响的，不仅会影响蜘蛛的抓取，而且有些浏览器不支持iframe，影响用户体验，具体有多大的影响，不是很确定，建议在网站优化中尽量避免iframe架构但是从另外一个方面考虑，例如碰到的换广告位的事情，如果只是一两块小广告窗口，对于网站的影响还是很小的，而且还会有利于网站，这怎么说呢?本来换的广告位就是不让蜘蛛抓取的，如果是iframe形式，不正好符合这条件，所有iframe广告位还是有一定的作用的，如果是其他形式，还要使用nofollow属性呢!但是，是不是可以说只要不影响蜘蛛抓取的页面，都可以使用iframe网页构架呢?答案当然是否定的如果在网站优化过程中，如果实在是不让蜘蛛抓取哪个页面，可以使用其他的方法，如JS、CSS文件等等，但是如果JS、CSS文件多了的话，对于网站性能还是会有影响的
网页中 嵌套 iframe 优缺点
没什么用的内容就放在这里 经常用来放广告代码 JS主要是为了搜索引擎更好的爬行
使用iframe和deeplink进行调端
主要方式为创建页面隐藏的iframe，将iframe append到页面元素下，将iframe的src指向页面的链接 如 intent://bact.cpc.heytapmobi.com/redpacketfallingv6/index?sign=eb53ef7&activity_id=redpacketfallingv6&bs_entry=X18&__pf__=detail&__barStyle__=0_2#Intent;scheme=https;category=android.intent.category.DEFAULT;package=com.android.browser;end 如类似的这种页面 https://dhfs.heytapimage.com/userfiles/uploads/activity_jump_page.html?redirect=https://bact.cpc.heytapmobi.com/redpacketfallingv6/index?sign=eb53ef7&activity_id=redpacketfallingv6&bs_entry=X18&__pf__=detail&__barStyle__=0_2#/index
HTML中iFrame框架的全称
就叫iframe不是挺好的么?? 不过,在一些国人翻译的书籍里面看到过这样的名称:"浮动帧" 前面 的 i 好像是 Inline ;中文意思: 内置如果是这样的话..iframe就是内置的frame 这样好像说得通
iframe和frame的区别一般什么情况下使用iframe？（要具体解释，还要有案列）
■ 框架概念 ： 所谓框架便是网页画面分成几个框窗，同时取得多个 URL。只需要 <FRAMESET> <FRAME> 即可，而所有框架标记需要放在一个总起的 html 档，这个档案只记录了该框架 如何划分，不会显示任何资料，所以不必放入 <BODY> 标记，浏览这框架必须读取这档 案而不是其它框窗的档案。<FRAMESET> 是用以划分框窗，每一框窗由一个 <FRAME> 标 记所标示，<FRAME>必须在 <FRAMESET> 范围中使用。如下例： <frameset cols="50%,*"> <frame name="hello" src="up2u.html"> <frame name="hi" src="me2.html"> </frameset> 此例中 <FRAMESET> 把画面分成左右两相等部分，左便是显示 up2u.html，右边则会显示 me2.html 这档案，<FRAME> 标记所标示的框窗永远是按由上而下、由左至右的次序。 本节与 Composer 教室的【运用框架】大部分相同，只是本节增加了内容及较为详细，正 如其它篇章一样并不会提及网页制作工具，若阁下学会了 HTML 相信你亦不会选用 Composer ， FrontPage 一类的工具了。 ■ <FRAMESET> <FRAME> ： <FRAMESET> 称框架标记，用以宣告HTML文件为框架模式，并设定视窗如何分割。 <FRAME> 则只是设定某一个框窗内的参数属性。 <FRAMESET> 参数设定： 例子：<frameset rows="90,*" frameborder="0" border=0 framespacing="2" bordercolor="#008000"> COLS="90,*" 垂直切割画面(如分左右两个画面)，接受整数值、百分数， * 则代表占用馀下空 间。数值的个数代表分成的视窗数目且以逗号分隔。例如COLS="30,*,50%" 可以 切成叁个视窗，第一个视窗是 30 pixels 的宽度，为一绝对分割，第二个视窗是当 分配完第一及第叁个视窗後剩下的空间，第叁个视窗则占整个画面的 50% 宽度 为 一相对分割。您可自己调整数字。 ROWS="120,*" 就是横向切割，将画面上下分开，数值设定同上。唯 COLS 与 ROWS 两参数尽量 不要同在一个 <FRAMESET> 标记中，因 Netacape 偶然不能显示这类形的框架，尽 采用多重分割。 frameborder="0" 设定框架的边框，其值只有 0 和 1 ， 0 表示不要边框， 1 表示要显示边框。（避 免使用 yes 或 no ） border="0" 设定框架的边框厚度，以 pixels 为单位。 bordercolor="#008000" 设定框架的边框颜色。颜色值请参考【调色原理】。 framespacing="5" 表示框架与框架间的保留空白的距离。 <FRAME> 参数设定： 例子：<frame name="top" src="a.html" marginwidth="5" marginheight="5" scrolling="Auto" frameborder="0" noresize framespacing="6" bordercolor="#0000FF"> SRC="a.html" 设定此框窗中要显示的网页档案名称，每个框窗一定要对应着一个网页档案。你可 使用绝对路径或相对路径，有关此两者详见於【连结进阶】 。 NAME="top" 设定这个框窗的名称，这样才能指定框架来作连结，必须但任意命名。 frameborder=0 设定框架的边框，其值只有 0 和 1 ， 0 表示不要边框， 1 表示要显示边框。（避 免使用 yes 或 no ） framespacing="6" 表示框架与框架间的保留空白的距离。 bordercolor="#008000" 设定框架的边框颜色。颜色值请参考【HTML 剖析】。 scrolling="Auto" 设定是否要显示卷轴，YES 表示要显示卷轴，NO 表示无论如何都不要显示， AUTO是视情况显示。 noresize 设定不让使用者可以改变这个框框的大小，亦没有设定此参数，使用者可以很随 意地拉动框架，改变其大小。 marginhight=5 表示框架高度部份边缘所保留的空间。 marginwidth=5 表示框架宽度部份边缘所保留的空间。 以下是一些例子：（与 Composer 教室的【运用框架】相同） 例子 HTML Code <frameset rows="80,*"> <frame name="top" src="a.html"> <frame name="bottom" src="b.html"> </frameset> 例子 HTML Code <frameset rows="80,*,80"> <frame name="top" src="a.html"> <frame name="middle" src="b.html"> <frame name="bottom" src="c.html"> </frameset> 例子 HTML Code <frameset cols="150,*"> <frameset rows="80,*"> <frame name="upper_left" src="a.html"> <frame name="lower_left" src="b.html"> </frameset> <frame name="right" src="c.html"> </frameset> 例子 HTML Code <frameset rows="80,*"> <frame name="top" src="a.html"> <frameset cols="150,*"> <frame name="lower_left" src="b.html"> <frame name="lower_right" src="c.html"> </frameset> </frameset> 例子 HTML Code <frameset cols="150,*"> <frame name="left" src="a.html"> <frameset rows="80,*"> <frame name="upper_right" src="b.html"> <frame name="lower_right" src="c.html"> </frameset> </frameset> ■ <NOFRAMES> ： 当别人使用的浏览器太旧，不支援框架这个功能时，他看到的将会是一片空白。为了避免 这种情况，可使用 <NOFRAMES> 这个标记，当使用者的浏览器看不到框架时，他就会看到 <NOFRAMES> 与 </NOFRAMES> 之间的内容，而不是一片空白。这些内容可以是提醒 浏览转用新的浏览器的字句，甚至是一个没有框架的网页或能自动切换至没有框架的版本 亦可。 应用方法： 在<frameset> 标记范围加入 </NOFRAMES> 标记，以下是一个例子： <frameset rows="80,*"> <noframes> <body> 很抱歉，阁下使用的浏览器不支援框架功能，请转用新的浏览器。 </body> </noframes> <frame name="top" src="a.html"> <frame name="bottom" src="b.html"> </frameset> 若浏览器支援框架，那麽它不会理会 <noframes> 中的东西，但若浏览器不支援框架，由 於不认识所有框架标记，不明的标记会被略过，标记包围的东西便被解读出来，所以放在 <noframes>范围内的文字会被显示。 ■ <IFRAME> ： 这标记只适用於 IE(comet:也使用于FireFox)。 它的作用是在一页网页中间插入一个框窗以显示另一个文件。它是 一个围堵标记，但围着的字句只有在浏览器不支援 iframe 标记时才会显示，如<noframes> 一样，可以放些提醒字句之类。通常 iframe 配合一个辨认浏览器的 JavaScript 会较好，若 JavaScript 认出该浏览器并非 Internet Explorer 便会切换至另一版本。PS：一定要使用</iframe>关闭，否则后面的内容显示不出来。 <iframe> 的参数设定如下： 例子： <iframe src="iframe.html" name="test" align="MIDDLE" width="300" height="100" marginwidth="1" marginheight="1" frameborder="1" scrolling="Yes"> </iframe>src="iframe.html" 欲显示於此框窗的文件来源除档案名称，必要加上相对或绝对路径。 name="test" 此框窗名称，这是连结标记的 target 参数所需要的， align="MIDDLE" 可选值为 left, right, top, middle, bottom，作用不大 width="300" height="100" 框窗的宽及长，以 pixels 为单位。 marginwidth="1" marginheight="1" 该插入的文件与框边所保留的空间。 frameborder="1" 使用 1 表示显示边框， 0 则不显示。（可以是 yes 或 no） scrolling="Yes" 使用 Yes 表示容许卷动（内定）， No 则不容许卷动。
页面跳转如何进入一个嵌套在Iframe中的页面中？
用iframe框架，嵌套一个网页进去即可实现；很简单的； iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。 以下是iframe的属性、值、描述 align leftrighttopmiddlebottom 不赞成使用。请使用样式代替。规定如何根据周围的元素来对齐...
iframe怎么通过js修改子页面的内容
var ifm= document.getElementById("ifm");ifm.onload = function(){ var subWeb = document.frames ? document.frames["ifm"].document : ifm.contentDocument; subWeb.tiao(dz);}
iframe代码是什么意思
IFRAME 元素也就是文档中的文档，或者好像浮动的框架(FRAME)。frames 集合提供了对 IFRAME 内容的访问。就是可以在该页面内嵌子页面。下面的例子使用了 IFRAME 元素创建了包含页面 sample.htm 的框架。<IFRAME ID=IFrame1 FRAMEBORDER=0 SCROLLING=NO SRC="sample.htm"></IFRAME>
JavaScript 怎么跨域获取 iframe 中的内容
要解释这个问题，首先要解释两个技术点。每个“窗口”都是一个JS Runtime，即JS的运行时。如果只有一个窗口，那么就只有一个Runtime；如果一个窗口下面还有一个iframe，那么就有两个Runtime；以此类推。Runtime之间互操作（或者通信）是有跨域限制的。也就是说，如果这个窗口本身是a.baidu.com域名下的页面，那么如果这个页面下还有一个iframe，这个iframe中加载的页面是b.baidu.com域名下的。那么外层的JS。就不能跟这个iframe中的内容互操作（或者通信）。因此外层Runtime中的JS想操作内层iframe中的内容，就必须要避免跨域限制。要么内层iframe加载页面的域名跟外层是一样的。要么就是需要在内层iframe加载的页面中执行document.domain = "baidu.com";从而设置跟外层的主域相同。例如，当前页面是a.baidu.com/test.html<html><head></head><body> <iframe id="iFrm1" src = "0c893329b8c9af6ff578db9b1a128d13"margin: 0px; padding: 0px; color: rgb(69, 69, 69); font-family: arial, 宋体, sans-serif, tahoma, "Microsoft YaHei"; font-size: 14px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-tap-highlight-color: rgba(26, 26, 26, 0.301961); -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;">iframe中加载的页面内容如下：<html><head></head><body> <div id="innerDiv">恭喜操作到内部iframe中的元素了！！！</div> <script> document.domain = "baidu.com"; </script></body></html>在HTML5中新增了postMessage的API。可以方便窗口跟内部iframe之间进行通信，并且可以实现跨主域通信。但是有一些限制，1.老版本的浏览器一般不支持。2.父窗口只能向iframe中发送信息，iframe只能收消息，且父窗口不能直接操作iframe中的内容。3.父窗口发送的数据也是有限制的。只能发送基本数据类型或者plain object。
frame和iframe的区别
转载的资料：浅谈Iframe和FRAME的区别一、Iframe标记的使用 提起Iframe，可能你早已将之扔到“被遗忘的角落”了，不过，说起其兄弟Frame就不会陌生了。Frame标记即帧标记，我们所说的多帧结构就是在一个浏览器窗口中显示多个HTML文件。现在，我们遇到一种很现实的情况：如有一个教程，是一节一节地上，每页末尾做一个“上一节“、“下一节“的链接，除了每节教程内容不同之外，页面其它部分内容都是相同的，如果一页一页地做笨页面，这似乎太让人厌烦了，这时突发奇想，如果有一种方法让页面其它地方不变，只将教程做成一页一页的内容页，不含其它内容，在点击上下翻页链接时，只改变教程内容部分，其它保持不变，这样，一是省时，另则以后如教程有个三长两短的变动，也很方便，不致于牵一发而动全军了;更重要的是将那些广告Banner、栏目列表、导航等几乎每页的都有的东西只下载一次后就不再下载了。 Iframe标记，又叫浮动帧标记，你可以用它将一个HTML文档嵌入在一个HTML中显示。它不同于Frame标记最大的特征即这个标记所引用的HTML文件不是与另外的HTML文件相互独立显示，而是可以直接嵌入在一个HTML文件中，与这个HTML文件内容相互融合，成为一个整体，另外，还可以多次在一个页面内显示同一内容，而不必重复写内容，一个形象的比喻即“画中画“电视。 现在我们谈一下Iframe标记的使用。
iframe传参
一种是：内嵌页面iframe页面； 只是内嵌页面，通过改变iframe的src上的路径参数，来写； 用watch监听$route进行操作
JQuery设置iframe的src值
复制代码 代码如下: $(window.parent.document).find("#Frm_Main").attr("src",url); 使用jquery操作iframe 1 内容里有两个ifame <iframe id="leftiframe"... <iframe id="mainiframe.. leftiframe中jQuery改变mainiframe的src代码： $("#mainframe",parent.document.body).attr("src"," ") 2 如果内容里面有一个ID为mainiframe的.ifame ifame包含一个someID you want to get this content 得到someID的内容 $("#mainiframe").contents().find("someID").html() html 或者 $("#mainiframe").contains()().find("someID").text()值 2 如上面所示 leftiframe中的jQuery操作mainiframe的内容someID的内容 $("#mainframe",parent.document.body).contents().find("someID").html()或者 $("#mainframe",parent.document.body).contents().find("someID").val()
浮动框架（iframe)与框架(frame)到底有什么区别？
转载的资料： 浅谈Iframe和FRAME的区别 一、Iframe标记的使用 提起Iframe，可能你早已将之扔到“被遗忘的角落”了，不过，说起其兄弟Frame就不会陌生了。Frame标记即帧标记，我们所说的多帧结构就是在一个浏览器窗口中显示多个HTML文件。现在，我们遇到一种很现实的情况：如有一个教程，是一节一节地上，每页末尾做一个“上一节“、“下一节“的链接，除了每节教程内容不同之外，页面其它部分内容都是相同的，如果一页一页地做笨页面，这似乎太让人厌烦了，这时突发奇想，如果有一种方法让页面其它地方不变，只将教程做成一页一页的内容页，不含其它内容，在点击上下翻页链接时，只改变教程内容部分，其它保持不变，这样，一是省时，另则以后如教程有个三长两短的变动，也很方便，不致于牵一发而动全军了;更重要的是将那些广告Banner、栏目列表、导航等几乎每页的都有的东西只下载一次后就不再下载了。 Iframe标记，又叫浮动帧标记，你可以用它将一个HTML文档嵌入在一个HTML中显示。它不同于Frame标记最大的特征即这个标记所引用的HTML文件不是与另外的HTML文件相互独立显示，而是可以直接嵌入在一个HTML文件中，与这个HTML文件内容相互融合，成为一个整体，另外，还可以多次在一个页面内显示同一内容，而不必重复写内容，一个形象的比喻即“画中画“电视。 现在我们谈一下Iframe标记的使用。 Iframe标记的使用格式是: <Iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x"></iframe> src：文件的路径，既可是HTML文件，也可以是文本、ASP等； width、height："画中画"区域的宽与高； scrolling:当SRC的指定的HTML文件在指定的区域不显不完时，滚动选项，如果设置为NO，则不出现滚动条；如为Auto：则自动出现滚动条；如为Yes，则显示; FrameBorder：区域边框的宽度，为了让“画中画“与邻近的内容相融合，常设置为0。 比如: <Iframe src="http://netschool.cpcw.com/homepage" width="250" height="200" scrolling="no" frameborder="0"></iframe> 二、父窗体与浮动帧之间的相互控制 在脚本语言与对象层次中，包含Iframe的窗口我们称之为父窗体，而浮动帧则称为子窗体，弄清这两者的关系很重要，因为要在父窗体中访问子窗体或相反都必须清楚对象层次，才能通过程序来访问并控制窗体。 1、在父窗体中访问并控制子窗体中的对象 在父窗体中，Iframe即子窗体是document对象的一个子对象，可以直接在脚本中访问子窗体中的对象。 现在就有一个问题，即，我们怎样来控制这个Iframe，这里需要讲一下Iframe对象。当我们给这个标记设置了ID 属性后，就可通过文档对象模型DOM对Iframe所含的HTML进行一系列控制。 比如在example.htm里嵌入test.htm文件，并控制test.htm里一些标记对象： <Iframe src="test.htm" id="test" width="250" height="200" scrolling="no" frameborder="0"></iframe> test.htm文件代码为: <html> <body> <h1 id="myH1">hello,my boy</h1> </body> </html> 如我们要改变ID号为myH1的H1标记里的文字为hello,my dear，则可用: document.myH1.innerText="hello,my dear"(其中，document可省) 在example.htm文件中，Iframe标记对象所指的子窗体与一般的DHTML对象模型一致，对对象访问控制方式一样，就不再赘述。 2、在子窗体中访问并控制父窗体中对象 在子窗体中我们可以通过其parent即父（双亲）对象来访问父窗口中的对象。 如example.htm： <html> <body onclick="alert(tt.myH1.innerHTML)"> <Iframe name="tt" src="frame1.htm" width="250" height="200" scrolling="no" frameborder="0"></iframe> <h1 id="myH2">hello,my wife</h1> </body> </html> 如果要在frame1.htm中访问ID号为myH2中的标题文字并将之改为"hello,my friend"，我们就可以这样写： parent.myH2.innerText="hello,my friend" 这里parent对象就代表当前窗体(example.htm所在窗体)，要在子窗体中访问父窗体中的对象，无一例外都通过parent对象来进行。 Iframe虽然内嵌在另一个HTML文件中，但它保持相对的独立，是一个“独立王国“哟，在单一HTML中的特性同样适用于浮动帧中。 试想一下，通过Iframe标记，我们可将那些不变的内容以Iframe来表示，这样，不必重复写相同的内容，这有点象程序设计中的过程或函数，减省了多少繁琐的手工劳动！另外，至关重要的是，它使页面的修改更为可行，因为，不必因为版式的调整而修改每个页面，你只需修改一个父窗体的版式即可了。 有一点要注意，Nestscape浏览器不支持Iframe标记，但在时下IE的天下，这似乎也无大碍，广泛采用Iframe标记，既为自己(网站)着了想，又为网友节省了网费，何乐而不为？ 浮动FRAME是HTML4.0规范中的一个定义，目前的浏览器都支持它。 不象FRAMESET表示的分割区样子，一个浮动FRAME作为一个内置对象存在于Web页面上，其样式就象一个页面上的一个图形或者一个applet。浮动FRAME使用＜IFRAME＞标记，它具有与＜FRAME＞相同的大多数属性设置，包括：name、src、marginwidth、marginheight、FRAMEborder以及scrolling。同时，它还具有与图形或者applet一样的height、width和align属性。 而且，浮动FRAME遵循与普通FRAME一样的target原则：我们可以通过它的name来指向它。本原则适用于在任一类型FRAME中的浮动FRAME，反之易然。浮动FRAME中的没有traget的链接指向它本身，而_parent链接则指向包含＜IFRAME＞的文档所在的FRAME或者窗口。比如： ＜IFRAME name="floater" src="start.htm" width=150 height=200 hspace=10 align=left＞ ＜IMG src="Images/noFRAME.gif" alt="You can"t see the floating FRAME" width=150 height=200 hspace=10 align=right＞ ＜/IFRAME＞＜BR＞ ＜A href="one.htm" target="floater"＞Show one.htm＜/A＞＜P＞ ＜A href="two.htm" target="floater"＞Show two.htm＜/A＞＜P＞ ＜A href="start.htm" target="floater"＞Bring back start.htm＜/A＞ 注意，对应支持＜IFRAME＞标记的浏览器，任何位于＜IFRAME＞和＜/IFRAME＞间的内容都将忽略。反之，其中的内容将显示出来，这可以用作解释当前浏览器不支持＜IFRAME＞
用iframe 在新页面打开
Iframe标记，又叫浮动帧标记，你可以用它将一个HTML文档嵌入在一个HTML中显示。它不同于Frame标记最大的特征即这个标记所引用的HTML文件不是与另外的HTML文件相互独立显示，而是可以直接嵌入在一个HTML文件中，与这个HTML文件内容相互融合，成为一个整体，另外，还可以多次在一个页面内显示同一内容，而不必重复写内容，一个形象的比喻即“画中画“电视。 现在我们谈一下Iframe标记的使用。 Iframe标记的使用格式是: <Iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x"></iframe> src：文件的路径，既可是HTML文件，也可以是文本、ASP等； width、height："画中画"区域的宽与高； scrolling:当SRC的指定的HTML文件在指定的区域不显不完时，滚动选项，如果设置为NO，则不出现滚动条；如为Auto：则自动出现滚动条；如为Yes，则显示; FrameBorder：区域边框的宽度，为了让“画中画“与邻近的内容相融合，常设置为0。 比如: <Iframe src="http://netschool.cpcw.com/homepage" width="250" height="200" scrolling="no" frameborder="0"></iframe> 二、父窗体与浮动帧之间的相互控制 在脚本语言与对象层次中，包含Iframe的窗口我们称之为父窗体，而浮动帧则称为子窗体，弄清这两者的关系很重要，因为要在父窗体中访问子窗体或相反都必须清楚对象层次，才能通过程序来访问并控制窗体。 1、在父窗体中访问并控制子窗体中的对象 在父窗体中，Iframe即子窗体是document对象的一个子对象，可以直接在脚本中访问子窗体中的对象。 现在就有一个问题，即，我们怎样来控制这个Iframe，这里需要讲一下Iframe对象。当我们给这个标记设置了ID 属性后，就可通过文档对象模型DOM对Iframe所含的HTML进行一系列控制。 比如在example.htm里嵌入test.htm文件，并控制test.htm里一些标记对象： <Iframe src="test.htm" id="test" width="250" height="200" scrolling="no" frameborder="0"></iframe> test.htm文件代码为: <html> <body> <h1 id="myH1">hello,my boy</h1> </body> </html> 如我们要改变ID号为myH1的H1标记里的文字为hello,my dear，则可用: document.myH1.innerText="hello,my dear"(其中，document可省) 在example.htm文件中，Iframe标记对象所指的子窗体与一般的DHTML对象模型一致，对对象访问控制方式一样，就不再赘述。 2、在子窗体中访问并控制父窗体中对象 在子窗体中我们可以通过其parent即父（双亲）对象来访问父窗口中的对象。 如example.htm： <html> <body onclick="alert(tt.myH1.innerHTML)"> <Iframe name="tt" src="frame1.htm" width="250" height="200" scrolling="no" frameborder="0"></iframe> <h1 id="myH2">hello,my wife</h1> </body> </html> 如果要在frame1.htm中访问ID号为myH2中的标题文字并将之改为"hello,my friend"，我们就可以这样写：parent.myH2.innerText="hello,my friend" 这里parent对象就代表当前窗体(example.htm所在窗体)，要在子窗体中访问父窗体中的对象，无一例外都通过parent对象来进行。 Iframe虽然内嵌在另一个HTML文件中，但它保持相对的独立，是一个“独立王国“哟，在单一HTML中的特性同样适用于浮动帧中。 试想一下，通过Iframe标记，我们可将那些不变的内容以Iframe来表示，这样，不必重复写相同的内容，这有点象程序设计中的过程或函数，减省了多少繁琐的手工劳动！另外，至关重要的是，它使页面的修改更为可行，因为，不必因为版式的调整而修改每个页面，你只需修改一个父窗体的版式即可了。 有一点要注意，Nestscape浏览器不支持Iframe标记，但在时下IE的天下，这似乎也无大碍，广泛采用Iframe标记，既为自己(网站)着了想，又为网友节省了网费，何乐而不为？
网页中为什么要少用Iframe？
但我们需要慎重的使用iframe。iframe的创建比其它包括scripts和css的 DOM 元素的创建慢了 1-2 个数量级。 使用 iframe 的页面一般不会包含太多 iframe，所以创建 DOM 节点所花费的时间不会占很大的比重。但带来一些其它的问题：onload 事件以及连接池(connection pool)。 Iframes 阻塞页面加载 及时触发 window 的 onload 事件是非常重要的。onload 事件触发使浏览器的 “忙” 指示器停止，告诉用户当前网页已经加载完毕。当 onload 事件加载延迟后，它给用户的感觉就是这个网页非常慢。 window 的 onload 事件需要在所有 iframe 加载完毕后(包含里面的元素)才会触发。在 Safari 和 Chrome 里，通过 JavaScript 动态设置 iframe 的 SRC 可以避免这种阻塞情况。 唯一的连接池 浏览器只能开少量的连接到web服务器。比较老的浏览器，包含 Internet Explorer 6 & 7 和 Firefox 2，只能对一个域名(hostname)同时打开两个连接。这个数量的限制在新版本的浏览器中有所提高。Safari 3+ 和 Opera 9+ 可同时对一个域名打开 4 个连接，Chrome 1+, IE 8 以及 Firefox 3 可以同时打开 6 个。你可以通过这篇文章查看具体的数据表：Roundup on Parallel Connections. 有人可能希望 iframe 会有自己独立的连接池，但不是这样的。绝大部分浏览器，主页面和其中的 iframe 是共享这些连接的。这意味着 iframe 在加载资源时可能用光了所有的可用连接，从而阻塞了主页面资源的加载。如果 iframe 中的内容比主页面的内容更重要，这当然是很好的。但通常情况下，iframe 里的内容是没有主页面的内容重要的。这时 iframe 中用光了可用的连接就是不值得的了。一种解决办法是，在主页面上重要的元素加载完毕后，再动态设置 iframe 的 SRC。 美国前 10 大网站都使用了 iframe。大部分情况下，他们用它来加载广告。这是可以理解的，也是一种符合逻辑的解决方案，用一种简单的办法来加载广告服务。但请记 住，iframe 会给你的页面性能带来冲击。只要可能，不要使用 iframe。当确实需要时，谨慎的使用他们。
怎样使用iframe，在网页中插入页面
首先，我们使用DreamWeaver新建一个站点，将我们需要归纳到一个页面的网页都包含在这个站点里面。2然后我们找到一个需要嵌入页面的html文件，使用DW软件打开，找到需要插入页面的位置。3然后我们输入<iframe></iframe>标签。在前半个标签的里面，空格一下就会出现我们可以设置的属性。4我们需要设置src，即我们需要引用的页面的地址。并且，我们可以简单的设定一下我们的iframe框架的border以及是否有滚动条5除此之外，我们还应该设定这个iframe框架的宽度，一般来说我们都将其宽度设为100%，高度设为500px，由于在iframe标签内设置的宽和高都是具体值，我们需要给iframe一个class，然后设置style6这样一个iframe框架就嵌入到我们的网页当中了，我们可以按下ctrl+s，并按下F12，就可以在浏览器中查看效果图，我用红色框起来的部分就是我们嵌入的页面
网页中 iframe和frame有什么区别
iframe是大的把frame包括在里面
iframe怎么使用?
<iframe>也应该是框架的一种形式，它与<frame>不同的是，iframe可以嵌在网页中的任意部分。我们举第一个例子，具体代码如： <iframe width=420 height=330 frameborder=0 scrolling=auto src=URL></iframe>，这里的URL可以是相对路径，也可以是绝对路径， width表示宽度，height表示宽度，可根据实际情况调整。 scrolling表示是否显示页面滚动条，可选的参数为auto、yes、no，如果省略这个参数，则默认为auto。 二、如何实现页面上的超链接指向这个嵌入的网页？ 只要给这个iframe命名就可以了。方法是<iframe name=**>，例如我命名为aa，写入这句HTML语言<iframe width=420 height=330 name=aa frameborder=0 src=http://www.cctv.com></iframe>，然后，网页上的超链接语句应该写为：<a href=URL target=aa> 三、如果把frameborder设为1，效果就像文本框一样
iframe什么意思
iframe就是框架网页就是在同一个页面里有多个网页,使用框架的好处就是你在请求一个网页的下一个页面的时候,还有 一个网页是一直显示着的,这样浏览者就不会就的等待的存在了..iframe使用很简单，使用src属性指向另一个你需要包含的另一个文件即可，也可以通知制定宽(width)，高(height)等。比如： -------------------------------------------------------------------------------- 用IFRAME实现网页的内嵌和预载 http://www.sina.com.cn 2001/09/04 14:37 中国电脑教育报 刘明锋 在HTM(HTML)文件中是否可以像PHP、ASP文件一样嵌入其他文件呢？下面笔者介绍用iframe来实现的方法。 iframe元素的功能是在一个文档里内嵌一个文档，创建一个浮动的帧。其部分属性简介如下： name：内嵌帧名称 width：内嵌帧宽度(可用像素值或百分比) height：内嵌帧高度(可用像素值或百分比) frameborder：内嵌帧边框 marginwidth：帧内文本的左右页边距 marginheight：帧内文本的上下页边距 scrolling：是否出现滚动条(“auto”为自动，“yes”为显示，“no”为不显示) src：内嵌入文件的地址 style：内嵌文档的样式(如设置文档背景等) allowtransparency：是否允许透明 明白了以上属性后，我们可用以下代码实现，在main.htm中把samper.htm文件的内容显示在一个高度为80、宽度为100%、自动显示边框的内嵌帧中： 〈iframe name="import_frame" width=100% height=80 src="samper.htm" frameborder=auto〉 〈/iframe〉 不错吧，马上“Ctrl+C”、“Ctrl+V”试试。 有时我们为强调页面的某项内容，想让它先于页面的其他内容显示。同样用iframe即可轻松实现： 先把要强调显示的内容另存为一个文件，如first.htm，然后通过一个预载页index.htm，内容如下： 〈meta http-equiv="refresh" content="3,url=index2.htm"〉 〈body〉 页面加载中，请稍候……〈iframe src="first.htm" style="display:none"〉〈/iframe〉 〈/body〉 主文件index2.htm 〈body〉 〈iframe src="first.htm"加入其他属性限制〉〈/iframe〉 〈/body〉 first.htm的内容就会先于页面的其他内容出现在您的浏览器里了，是不是很简单？再“Ctrl+C”、“Ctrl+V”一次？ 参考资料：http://www.zahui.com/html/12/36296.htm
iframe是什么意思?
HTML元素 - iframe定义创建内嵌漂浮框架。Creates inline floating frames. 注释IFRAME 元素的作用相当于在一个文档中嵌入另一个文档，或者像一个漂浮的 FRAME。此元素在 Internet Explorer 4.0 及以上版本的 HTML 和脚本中可用。此元素是一个块元素。此元素需要关闭标签。The IFRAME element functions as a document within a document, or like a floating FRAME. This element is available in HTML and script as of Internet Explorer 4.0.This element is a block element.This element requires a closing tag.示例代码<html><body><p>这个 HTML 文档中使用 IFRAME 来显示另外一个叫Frame_a.html 的网页。</p><iframe src="../asdocs/html_tutorials/Frame_a.html"></iframe></body></html>演示示例：用 IFRAME 在一个 HTML 页里显示另一个网页
iframe是什么意思？
HTML元素 - iframe定义创建内嵌漂浮框架。Creates inline floating frames. 注释IFRAME 元素的作用相当于在一个文档中嵌入另一个文档，或者像一个漂浮的 FRAME。此元素在 Internet Explorer 4.0 及以上版本的 HTML 和脚本中可用。此元素是一个块元素。此元素需要关闭标签。The IFRAME element functions as a document within a document, or like a floating FRAME. This element is available in HTML and script as of Internet Explorer 4.0.This element is a block element.This element requires a closing tag.示例代码<html><body><p>这个 HTML 文档中使用 IFRAME 来显示另外一个叫Frame_a.html 的网页。</p><iframe src="../asdocs/html_tutorials/Frame_a.html"></iframe></body></html>演示示例：用 IFRAME 在一个 HTML 页里显示另一个网页
html 怎么获取iframe的值
同域或跨子域读写操作iframe里的内容父页面读写操作子页面：HTMLcode<iframeid="test-iframe"name="test-iframe"src="child.html"scrolling="no"frameborder="0"></iframe><script>window.onload=function(){/**下面两种获取节点内容的方式都可以。*由于IE6,IE7不支持contentDocument属性，所以此处用了通用的*window.frames["iframeName"]orwindow.frames[index]*/vard=window.frames["test-iframe"].document;d.getElementsByTagName("h1")[0].innerHTML="pp";alert(d.getElementsByTagName("h1")[0].firstChild.data);}</script>
js文件中iframe是什么意思
iframe是嵌入式框架，一般用来在已有的页面中嵌入另一个页面。需要注意的是，iframe在html5中，已经有限支持了（只有src属性）。
iframe如何加速
纵观时下网站，本来网速就有些慢，可是几乎每页都要放什么Banner，栏目图片，版权等一大堆雷同的东西，当然，出于网站风格统一、广告效应的需要，本无可厚非，可毕竟让用户的钱包为这些“点缀“的东西”日益消得钱憔悴”了，有没有办法，让这些雷同的东西一次下载后就不用再下载，而只下载那些内容有变化区域的网页内容呢？ 答案很肯定 ：应用Iframe标记！ 一、Iframe标记的使用 提起Iframe，可能你早已将之扔到“被遗忘的角落”了，不过，说起其兄弟Frame就不会陌生了。Frame标记即帧标记，我们所说的多帧结构就是在一个浏览器窗口中显示多个HTML文件。现在，我们遇到一种很现实的情况：如有一个教程，是一节一节地上，每页末尾做一个“上一节“、“下一节“的链接，除了每节教程内容不同之外，页面其它部分内容都是相同的，如果一页一页地做笨页面，这似乎太让人厌烦了，这时突发奇想，如果有一种方法让页面其它地方不变，只将教程做成一页一页的内容页，不含其它内容，在点击上下翻页链接时，只改变教程内容部分，其它保持不变，这样，一是省时，另则以后如教程有个三长两短的变动，也很方便，不致于牵一发而动全军了;更重要的是将那些广告Banner、栏目列表、导航等几乎每页的都有的东西只下载一次后就不再下载了。 Iframe标记，又叫浮动帧标记，你可以用它将一个HTML文档嵌入在一个HTML中显示。它不同于Frame标记最大的特征即这个标记所引用的HTML文件不是与另外的HTML文件相互独立显示，而是可以直接嵌入在一个HTML文件中，与这个HTML文件内容相互融合，成为一个整体，另外，还可以多次在一个页面内显示同一内容，而不必重复写内容，一个形象的比喻即“画中画“电视。 现在我们谈一下Iframe标记的使用。 Iframe标记的使用格式是: <Iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x"></iframe> src：文件的路径，既可是HTML文件，也可以是文本、ASP等； width、height："画中画"区域的宽与高； scrolling:当SRC的指定的HTML文件在指定的区域不显不完时，滚动选项，如果设置为NO，则不出现滚动条；如为Auto：则自动出现滚动条；如为Yes，则显示; FrameBorder：区域边框的宽度，为了让“画中画“与邻近的内容相融合，常设置为0。比如: <Iframe src="http://netschool.cpcw.com/homepage" width="250" height="200" scrolling="no" frameborder="0"></iframe> 二、父窗体与浮动帧之间的相互控制 在脚本语言与对象层次中，包含Iframe的窗口我们称之为父窗体，而浮动帧则称为子窗体，弄清这两者的关系很重要，因为要在父窗体中访问子窗体或相反都必须清楚对象层次，才能通过程序来访问并控制窗体。 1、在父窗体中访问并控制子窗体中的对象 在父窗体中，Iframe即子窗体是document对象的一个子对象，可以直接在脚本中访问子窗体中的对象。 现在就有一个问题，即，我们怎样来控制这个Iframe，这里需要讲一下Iframe对象。当我们给这个标记设置了ID 属性后，就可通过文档对象模型DOM对Iframe所含的HTML进行一系列控制。 比如在example.htm里嵌入test.htm文件，并控制test.htm里一些标记对象： <Iframe src="test.htm" id="test" width="250" height="200" scrolling="no" frameborder="0"></iframe>test.htm文件代码为: <html> <body> <h1 id="myH1">hello,my boy</h1> </body> </html> 如我们要改变ID号为myH1的H1标记里的文字为hello,my dear，则可用: document.myH1.innerText="hello,my dear"(其中，document可省) 在example.htm文件中，Iframe标记对象所指的子窗体与一般的DHTML对象模型一致，对对象访问控制方式一样，就不再赘述。 2、在子窗体中访问并控制父窗体中对象 在子窗体中我们可以通过其parent即父（双亲）对象来访问父窗口中的对象。 如example.htm： <html> <body οnclick="alert(tt.myH1.innerHTML)"> <Iframe name="tt" src="frame1.htm" width="250" height="200" scrolling="no" frameborder="0"></iframe> <h1 id="myH2">hello,my wife</h1> </body> </html> 如果要在frame1.htm中访问ID号为myH2中的标题文字并将之改为"hello,my friend"，我们就可以这样写： parent.myH2.innerText="hello,my friend" 这里parent对象就代表当前窗体(example.htm所在窗体)，要在子窗体中访问父窗体中的对象，无一例外都通过parent对象来进行。 Iframe虽然内嵌在另一个HTML文件中，但它保持相对的独立，是一个“独立王国“哟，在单一HTML中的特性同样适用于浮动帧中。 试想一下，通过Iframe标记，我们可将那些不变的内容以Iframe来表示，这样，不必重复写相同的内容，这有点象程序设计中的过程或函数，减省了多少繁琐的手工劳动！另外，至关重要的是，它使页面的修改更为可行，因为，不必因为版式的调整而修改每个页面，你只需修改一个父窗体的版式即可了。 有一点要注意，Nestscape浏览器不支持Iframe标记，但在时下IE的天下，这似乎也无大碍，广泛采用Iframe标记，既为自己(网站)着了想，又为网友节省了网费，何乐而不为？点击阅读全文 打开CSDN，阅读体验更佳网页加速系列_weixin_34259232的博客网页加速系列(一)、 网页加速之图形处理篇 搜集到一些关于网站提速的资料,做一个系列,一些文章可能转或摘自网络。 (一)、 网页加速之图形处理篇 在维护网站的过程用,可能遇到过这样的情况:辛辛苦苦做出来的页面,但图片过多,网页结构...14条让你的网页加速_ok7758521ok的博客这本书里定义了14条让你的网页加速的方法,分别如下: 1.Make fewer HTTP requests 2.Use a CDN 3.Add an Expires header 4.Gzip components 5.Put CSS at the top 6.Move JS to the bottom ...“画中画”效果--谈IFRAME标签的使用作者：秋实 文章来源：天极网页陶吧 纵观时下网站，本来网速就有些慢，可是几乎每页都要放什么Banner，栏目图片，版权等一大堆雷同的东西，当然，出于网站风格统一、广告效应的需要，本无可厚非，可毕竟让用户的钱包为这些“点缀“的东西”日益消得钱憔悴”了，有没有办法，让这些雷同的东西一次下载后就不用再下载，而只下载那些内容有变化区域的网页内容呢？ 答案很肯定：应用Iframe标记！ 一、I继续访问怎么让iframe加载内容速度更快，用target而不是用js更改iframe的src$(".expmenu a").attr("target","main_frame"); //这样比用js更改iframe的src加载内容更快继续访问ppt iframe加载项_PPT启动卡爆了?一招帮你瞬间提速!_血汗钱被抢的博客...这里给大家解释一下,PPT 插件安装后默认是随软件一起打开的,所以我们得等插件加载完才能使用 Office,加载是需要一定时间的,这个时间长短取决于你电脑的配置。 哪有人会为了一个 PPT 去升级电脑配置嘛?!网站建设html代码优化,网站设计代码优化让网站打开速度飞起来_别总叫...(1)巧用IFRAME布局 巧用iframe加快网页打开速度。如果网页上插入一些广告代码,又不想让这些广告网站影响 度的话,那么,使用iframe最合适不过了。例如在某个首页上插入一些广告代码方法:将这些广告代码放到一个独立的页面去,然后在首页用if...热门推荐 iframe标签用法详解iframe标签用法详解继续访问iframe嵌套页面加载慢_web前端入门到实战：分析页面加载慢一般情况下，如果网页加载时间超过5s，用户就会感觉页面比较卡，用户体验相当差，用户可能会直接走人，所以加载的时间对于一个网站来说还是相当重要的。那做项目的时候怎样分析页面的加载速度慢呢？首先我们要知道影响页面加载的因素JS性能太差，阻塞页面浏览器解析过程中，遇到<script>标签的时候，便会停止解析过程，转而去处理脚本，如果脚本是内联的，浏览器会先去执行这段内联的脚本，如果是外链的，...继续访问提升页面加载速度的方案_聂曦r的博客_提升页面加载速度、释放资源:手动将iframe的内存释放、定时器销毁等 五、DNS优化 减少DNS查询,首先要了解访问路由到页面加载这个过程中间的流程,当用户在浏览器回车瞬间浏览器会解析域名向服务器发起TCP的3次握手,建立连接后发起HTTP请求,服务器响应请求返回...微前端实际应用:iframe、qiankun_偷吃零食的小猫咪的博客_前端...在上面的基础中了解到,目前常用的微前端实现方案有多种,其中目前常见使用的是qiankun,以前常用的框架是iframe的微前端方案,下面我们先来学习一下之前的框架iframe实现微前端方案 1、iframe 1-1 iframe基本理解 在之前使用iframe的时候,是...iframe嵌套页面加载慢_Chrome 现已支持延迟加载网页中的 iframe，速度翻倍提升谷歌曾在 Chrome 76 中添加了对图片的延迟加载支持。近日，ChromeEng 经理 Addy Osmani 则宣布，该团队已将 iframe 的延迟加载作为标准功能，添加至了 Chrome 浏览器和 Chromium 浏览器中。该功能会延迟窗口外 iframe 的加载，直到用户将网页滚动到附近为止。此举可以节省数据、加快页面其他部分的加载速度，并减少内存使用量。Chrome 小组的研究表明...继续访问加快ui显示速度 by iframeiFrame: 为了能并行的加载JavaScript，避免浏览器卡住(http://goo.gl/lzGq8)，我在页面的body标记的顶部的一个Iframe里加载JavaScript。在iframe里加载JavaScript增加了代码的复杂度(通过Closure，我们很好的解决了这个问题)，但是为了速度的提升，值得这样做。继续访问最新发布 速度html代码是什么问题,HTML－加速、再加速_html来源：中国教程网web开发人员是否必须掌握复杂的组件技术才能加快html页面的访问速度？答案是：不一定！实际上，有许多关于HTML与DHTML方面的技巧，它们原理简单而且上手容易。无论是技术高超的老手，还是初涉编程的菜鸟，领会这些都十分必要。明显HTML，暗渡“公用脚本”减少web页面下载时间的关键就是设法减小文件大小。当多个页面共用一些成分内容时，就可以考虑将这些公用部分单独分离出来。比如：我们.
iframe的优缺点
1. 解决加载缓慢的第三方内容如图标和广告等的加载问题 2. Security sandbox 3. 并行加载脚本 缺点： 1. iframe会阻塞主页面的Onload事件 2. 即时内容为空，加载也需要时间 3. 没有语意
HTML+JS 如何用按扭实现Iframe.src切换
<iframe id="USERPIC" src="1.html"></iframe> <input type="button" onclick="PicGo()" /> <script language="javascript" > var i=1;function PicGo(){ document.getElementById("USERPIC").src=i+".html";i++;if (i==11){i=1;} } </script>
做SEO网站优化要不要使用iframe标签
首先我们需要来了解一下什么是iframe标签。iframe标记，又叫浮动帧标记，你可以用它将一个HTML文件嵌入在另一个HTML中显示。它不同于Frame标记最大的特征即这个标记所引用的HTML文件不是与另外的HTML文件相互独立显示，而是可以直接嵌入在一个HTML文件中，与这个HTML文件内容相互融合，成为一个整体，另外，还可以多次在一个页面内显示同一内容，而不必重复写内容，甚至可以在同一HTML文件嵌入多个HTML文件。iframe标签的基本语法iframe标签总是成对出现的以<iframe>开始并以</iframe>结束：<iframe>……/iframe>。iframe标签的属性
iframe用法
iframe
如何使用iframe代码调用网页中的某个一部分
别人用的什么方法我不知道，不过我可以给你指条道儿，这个是我以前用过的办法，就是用2个iframe来套用，假设你要引用当前这个问题的页面中右侧的那个“分类上升达人排行榜”，直接iframe这个http://zhidao.baidu.com/question/123277073.html肯定是不行的。无法控制位置，所以我想了个办法，用2个iframe框架来调用，先做一个调用这个框架的页面load.htm，代码如下：<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>无标题文档</title></head><body><iframe src="http://zhidao.baidu.com/question/123277073.html" width="980" height="700" frameborder="0" scrolling="no" style="position: absolute; top: -120px; left: -680px;"></iframe></body></html>这个页面用iframe框架引用了http://zhidao.baidu.com/question/123277073.html页面，并且用CSS定位设定了框架浮动位置。然后我在需要调用http://zhidao.baidu.com/question/123277073.html的页面这样写：<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>无标题文档</title></head><body><iframe src="Untitled-1.html" width="300" height="230" frameborder="0" scrolling="no"></iframe></body></html>打开看一下，只能看到“分类上升达人排行榜”这一小块儿了吧。其他的全看不到了。不知道你看懂没有，如果没看懂，你照我说的做一下试试应该就明白了。这只是一个变通的方法，这样调用就不存在所谓的权限问题，比起利用浏览器漏洞要好用的多吧。
怎么设置iframe里的默认页？
iframe标签里的src属性,例如:<iframewidth="100"height="100"src="b.html"></iframe>默认页为b.html
如何在子页面得到其所在的iframe
Js代码 1.//根据iframe的id获取对象 2.var i1 = window.frames["iframeId"]; 3.//var iframe =window.frames[0];也可以 4.//获取iframe中的元素值 5.var val=i1.document.getElementById("t1").value //根据iframe的id获取对象var i1 = window.frames["iframeId"];//var iframe =window.frames[0];也可以//获取iframe中的元素值var val=i1.document.getElementById("t1").value
HTML iframe 和 frameset 的区别
一: <Frameset>为框架标记，说明该网页文档为框架组成，并设定文档中组成框架集的框架的布局，用来划分框架，每一个框架由<Frame></Frame>标记。<Frame>用以设置组成框架集中各个框架的属性。<Frame></Frame>必须在<Frameset></Frameset>之内使用。注意：<Frame></Frame>标记的框架顺序为从左至右或从上到下。二: Iframe是Inline Frame的缩写，称为内联框架，它和frame如同兄弟。frame是帧标记，Iframe叫浮动帧标记，它不同于Frame标记最大的特征即这个标记所引用的HTML文件不是与另外的HTML文件相互独立显示，而是可以直接嵌入在一个HTML文件中，与这个HTML文件内容相互融合，成为一个整体；因为它可以多次在一个页面内显示同一内容，而不必重复写内容，所以人们形象称这种效果为“画中画”。
如何实现关闭iframe
document.parentWindow.frameElement.style.display="none";我也是刚遇到这个问题。嘿嘿，貌似这样可以。
为什么前端尽量少用iframe？
网站设计使用Iframe缺点一：得罪搜索引擎“蜘蛛”网站设计使用Iframe最大的弊端就是得罪了搜索引擎的“蜘蛛”，当蜘蛛访问Iframe布局的网站时，它只会看到框架，框架里面的内容是看不到的，也就无法按照顺序解读页面，会认为这个网站是个死站点，以后绝不会再来了。网站设计使用Iframe缺点二：链接导航问题使用Iframe布局必须保证正确设定导航链接，否则，被链接的页面呈现在导航框架内，让浏览者无法退后，只能离开。网站设计使用Iframe缺点三：分散访问者注意力Iframe布局的网站除了有时会让浏览者迷惑，分散注意力之外，还会给浏览者带来浏览麻烦，滚动条会使Iframe布局混乱，让浏览者望而止步。所以iframe通常会用在后台页面的构建山
怎么将iframe框设置自适应
iframe自适应宽度和高度，兼容多种浏览器随着窗口大小改变。工作中我们遇到了iframe嵌入页面高度自适应的问题。因为我们不知道所加载的iframe内容页面会有多高，又不想在页面上出现难看的滚动条，这个时候我们可以使用Javascript来动态让iframe自适应高度。首先我们使用Javascript动态改变iframe的src值，即分别点击两个按钮时，iframe加载不同的页面内容。代码中按钮button分别调用了自定义函数getData()就实现了切换内容的效果。具体代码参考：https://panxu.net/article/8318.html
如何隐藏显示iframe
下面是隐藏显示的代码： index. <> <head> <meta HTTP-EQUIV="Content-Type" CONTENT="text/; charset=gb2312"> <meta name=GENERATOR content="Microsoft FrontPage 4.0"> <meta name=ProgId content="FrontPage.Editor.Document"> <title>frame框架的显示隐藏操作 - 51windows</title> </head> <frameset name=full rows="64,*,64"> <frame name=top scrolling="no" xnoresize target="contents" src=top.> <frameset cols="25%,*" name=cen> <frame name=contents target="main" src=left.> <frame name=main src=main.> </frameset> <frame name=bottom scrolling="no" xnoresize target="contents" src=bottom.> <noframes> <body> <p>此网页使用了框架，但您的浏览器不支持框架。 </p> </body> </noframes> </frameset> </> main. <> <head> <meta -equiv="Content-Type" content="text/; charset=gb2312"> <meta name=GENERATOR content="Microsoft FrontPage 4.0"> <meta name=ProgId content="FrontPage.Editor.Document"> <title>main - 51windows</title> </head> <body> <SCRIPT LANGUAGE="javascript"> <!-- function shtop{ if (parent.full.rows.indexOf("0,*,")!=-1){ parent.full.rows="64,*,"+parent.full.rows.split(",")[2] document.getElementById("shtop").value="隐藏上部"; } else{ parent.full.rows="0,*,"+parent.full.rows.split(",")[2] document.getElementById("shtop").value="显示上部"; } } function shleft{ if (parent.cen.cols=="0,*"){ parent.cen.cols="25%,*," document.getElementById("shleft").value="隐藏左部"; } else{ parent.cen.cols="0,*" document.getElementById("shleft").value="显示左部"; } } function shbottom{ if (parent.full.rows.indexOf(",*,0")!=-1){ parent.full.rows=parent.full.rows.split(",")[0]+",*,64" document.getElementById("shbottom").value="隐藏下部"; } else{ parent.full.rows=parent.full.rows.split(",")[0]+",*,0" document.getElementById("shbottom").value="显示下部"; } } function maxmain{ if (parent.full.rows=="0,*,0"){ parent.full.rows="64,*,64" parent.cen.cols="25%,*" document.getElementById("maxmain").value="隐藏左上下"; document.getElementById("shtop").value="隐藏上部"; document.getElementById("shleft").value="隐藏左部"; document.getElementById("shbottom").value="隐藏下部"; } else{ parent.full.rows="0,*,0"; parent.cen.cols="0,*"; document.getElementById("maxmain").value="显示左上下"; document.getElementById("shtop").value="显示上部"; document.getElementById("shleft").value="显示左部"; document.getElementById("shbottom").value="显示下部"; } } //--> </SCRIPT> <input type=button name=maxmain id="maxmain" onclick="maxmain;" value="隐藏左上下"> <input type=button name=shtop id="shtop" onclick="shtop;" value="隐藏上部"> <input type=button name=shleft id="shleft" onclick="shleft;" value="隐藏左部"> <input type=button name=shbottom id="shbottom" onclick="shbottom;" value="隐藏下部"> </body> </> 框架的嵌套: <> <head> </head> <body> <iframe width=468 height=60 src=abc.aspx></iframe> <iframe width=468 height=60 src=cde.aspx></iframe> </body> </> ################################################# <> <head> <meta -equiv="content-type" content="text/; charset=gb2312"> <title>无标题文档</title> </head> <frameset rows="77,181" cols="*" framespacing="0" border=0> <frame src=abc.aspx> <frame src=cde.aspx> </frameset> <noframes><body> </body></noframes> </> //*****************说明************************： frameset是框架，一个网页被划分成几个块， 每个块为不同的网页文件。 iframe是内嵌网页，可以被嵌在一个页页的任何地方。 一般iframe使用灵活些。 当使用框架时页面中不应该有body标签。 frameset标签是成对出现的,以<frameset>开始,</frameset>结束，里面用frame。 frameset里面还能嵌入frameset。 嵌套框架,框架可以进行多层嵌套。 frameset里面的id,为了方便后面用Javascript来访问这个对象. 如下： <frameset rows="58,*" frameborder="NO" border=0 framespacing="0"> <frame src=top. name=topFrame scrolling="NO" noresize ><!--页头--> <frameset rows="*,20" cols="*" framespacing="0" frameborder="NO" border=0> <frameset rows="*" cols="120,15,*" framespacing="0" frameborder="NO" border=0 id="leftFrameSet"> <frame src=menu. name=leftFrame scrolling="NO" noresize><!--菜单--> <frame src=mid. name=midFrame scrolling="NO" noresize><!--菜单收缩条--> <frameset rows="35,*" framespacing="0" frameborder="NO" border=0> <frame src=navi. name=righttop scrolling="NO" noresize><!--导航--> <frameset cols="*,200" framespacing="0" frameborder="NO" border=0> <frame src= name=mainFrame> <frame src= name=rightFrame scrolling="NO"> </frameset> </frameset> </frameset> <frame src=bottom. name=bottomFrame scrolling="NO" noresize><!--页尾--> </frameset> </frameset>
框架嵌套iframe标签常见的几种使用方法
先来看看百度百科对于iframe标签元素的介绍！都是比较详细，接着就是实际的应用了！2新建一个记事本文件，并将它重命名为.html文件，添加必要的<html><body>标签，为了便于说明，同时添加<head>和<title>，将标题改名为iframe元素标签的使用！3在<body>中添加iframe，ulr为你要嵌套网页的地址，需要带上http的，由于经验不上带有网址，不演于演示，width，height为所占用的宽度和高度，以百度首页为例，当然嵌套两个网页也是可以的!4当然嵌套两个网页或者多个网页也是可以的，高度和宽度都可以自行设置！5再看其他的比较常用的可选属性，如name，通过对定义好的名字，就指定框架页面进行跳转！6至于其他可选属性，就不再一一举例，看看解析，再试验一下就清楚了，如scrolling="no"就是不显滚动条，align控制框架的对齐方式等等，用法都差不多！7源代码：<html><head><title>iframe元素标签的使用</title><body><a href="url" target="iframe1">跳转到百度经验</a><br/><iframe src="url" width="600px" height="400px" name="iframe1"scrolling="no"/><iframe src="url" width="600px" height="400px" name="iframe2" align="right"/></body></head></html>
iframe窗口怎么防穿透
event代码。iframe阻止点击穿透，上层点击时加上event这句，阻止事件冒泡到父元素，为上层添加下面样式代码即可。iframe是嵌入式框架html标签还是一个内联元素，iframe元素会创建包含另外一个文档的内联框架，也是一个比较特殊的框架，可以放在浏览器中的小窗口，可以出现在页面的任何一个位置上。
iframe什么意思?????????怎么用????????
那是框架在俗语中被说frame为桢的意思要是你喜欢做网页那就应该好好的看看html教材对与动画熟悉的人的人都知道桢但是这里这个桢并不是动画的桢而是网页的框架就是不一个网页分成好几份的框架它可使你的网页达到很好的效果
iframe是什么意思？
IFRAME 元素也就是文档中的文档，或者像浮动的框架(FRAME)。frames 集合提供了对 IFRAME 内容的访问。frame有骨架的意思 而在其前面加个i构成了iframe元素也就是文档中的文档。使用iframe可以在网页中再嵌入一个网页