学习HTML:iframe用法总结收藏

deepfacelab下载安装及训练(小白篇),以及导出SAEHD为dfm文件,解决broken pipe问题 其中如果用的是RTX30系列显卡的话,需要把WIN10升级到20H4或更新版本,然后打开硬件加速,不然会出现训练时一直卡在第一个迭代不动了,我的服务器版本为22H2,符合。支持WIN10,win11,WIN7,LINUX,不支持mac(因为mac不支持NVIDIA显卡) 阅读详情
Html代码 复制代码  收藏代码
  1. <P><iframe>是框架的一种形式,也比较常用到。 </P><DIV class=blogstory><P><SPAN style="FONT-SIZE: large"><SPAN style="COLOR: #0000ff"><SPAN style="FONT-SIZE: medium">一:几个例子——演示iframe的基本用法</SPAN></SPAN></SPAN></P></DIV>  

<iframe>是框架的一种形式,也比较常用到。

一:几个例子——演示iframe的基本用法

Html代码 复制代码  收藏代码
  1. 例1:   
  2. <iframe width=420 height=330 frameborder=0 scrolling=auto src="URL" mce_src="URL"></iframe>  
  3. 不用多说了,iframe的各个属性含义如下:   
  4. width插入页的宽;height插入页的高;scrolling 是否显示页面滚动条(可选的参数为 auto、yes、no,如果省略这个参数,则默认为auto);frameborder  边框大小;   
  5. 注意:URL建议用绝对路径;传说中百DU用:<iframe width=0 height=0 frameborder=0 scrolling=auto src="WWW" mce_src="WWW" .webjx.com></iframe><br />黑了88*8。。。   
  6. 例2:   
  7. 如果一个页面里面有框架。。随便点页面里的连接,要求在这个<iframe> 里打开。在iframe 中加入name=** (**自己设定).   
  8. <iframe name=**  ></iframe>  
  9. 然后在修改默认打开模式,:网页HEAD中加上<a href="URL" mce_href="URL" target=**>或部分连接的目标框架设为(**).   
  10. 例3:   
  11. 要插入一个页面。要求只拿中间一部分。其他的都不要,代码如下:   
  12. <iframe name=123  align=middle marginwidth=0 marginheight=0 vspace=-170 hspace=0 src="<a href=" mce_src="<a href="http://www.webjx.com/" mce_href="http://www.webjx.com/"><span style="color: #0000ff;" mce_style="color: #0000ff;"><span style="text-decoration: underline;" mce_style="text-decoration: underline;">http://www.webjx.com/</span></span></a>"  frameborder=no scrolling=no  width=776  height=2500></iframe>  
  13. 控制插入页被框架覆盖的深度 marginwidth=0 marginheight=0;控制框架覆盖上部分的深度 vspace=-170    
  14. scrolling滚动条要否(auto、yes、no)   frameborder框架的边框大小,width=776  height=2500此框架的大小。   
  15. 例4:   
  16.     1、页面内加入iframe   
  17. <iframe width=420 height=330 frameborder=0 scrolling=auto src="URL" mce_src="URL"></iframe>,   
  18. scrolling表示是否显示页面滚动条,可选的参数为auto、yes、no,如果省略这个参数,则默认为auto。   
  19.   2、超链接指向这个嵌入的网页,只要给这个iframe命名就可以了。方法是<iframe name=**>,例如我命名为aa,写入这句HTML语言<iframe width=420 height=330 name=aa frameborder=0 src="http://www.cctv.com" mce_src="http://www.cctv.com"></iframe>,然后,网页上的超链接语句应该写为:<a  href="URL" mce_href="URL" target=aa>  
  20.   3、如果把frameborder设为1,效果就像文本框一样   
  21.   透明的IFRAME的用法   
  22.   必需IE5.5以上版本才支持   
  23.   在transparentBody.htm文件的<body>标签中,我已经加入了style="background- color=transparent" 通过以下四种IFRAME的写法我想大概你对iframe背景透明效果的实现方法应该会有个清晰的了解:   
  24. <IFRAME ID="Frame1" SRC="transparentBody.htm" mce_SRC="transparentBody.htm" allowTransparency="true"></IFRAME>  
  25. <IFRAME ID="Frame2" SRC="transparentBody.htm" mce_SRC="transparentBody.htm" allowTransparency="true" STYLE="background-color: green" mce_STYLE="background-color: green"> </IFRAME>  
  26. <IFRAME ID="Frame3" SRC="transparentBody.htm" mce_SRC="transparentBody.htm"></IFRAME>  
  27. <IFRAME ID="Frame4" SRC="transparentBody.htm" mce_SRC="transparentBody.htm" STYLE="background-color: green" mce_STYLE="background-color: green"> </IFRAME>
二:(难点)设置iframe框架的背景色
Java代码 复制代码  收藏代码
  1. a.htm     
  2.   <mce:script type="text/javascript"><!--   
  3.      
  4.   function   setBG(){     
  5.   var   strColor=document.bgColor;     
  6.   frm.document.bgColor=strColor;     
  7.   }     
  8.      
  9. // --></mce:script>     
  10.   <body   style="background-color:red" mce_style="background-color:red"   onload='setBG()'>     
  11.   <iframe   src="about:blank" mce_src="about:blank"   name=frm></iframe>

三:(难点)窗口与浮动帧之间的相互控制

Html代码 复制代码  收藏代码
  1. 在脚本语言与对象层次中,包含Iframe的窗口我们称之为父窗体,而浮动帧则称为子窗体,弄清这两者的关系很重要,因为要在父窗体中访问子窗体或相反都必须清楚对象层次,才能通过程序来访问并控制窗体。   
  2.       1、在父窗体中访问并控制子窗体中的对象   
  3.   在父窗体中,Iframe即子窗体是document对象的一个子对象,可以直接在脚本中访问子窗体中的对象。   
  4.   现在就有一个问题,即,我们怎样来控制这个Iframe,这里需要讲一下Iframe对象。当我们给这个标记设置了ID 属性后,就可通过文档对象模型DOM对Iframe所含的HTML进行一系列控制。   
  5.   比如在example.htm里嵌入test.htm文件,并控制test.htm里一些标记对象:   
  6.   <Iframe src="test.htm" mce_src="test.htm" id="test" width="250" height="200" scrolling="no" frameborder="0"></iframe>  
  7.     test.htm文件代码为:   
  8.   <html>  
  9.    <body>  
  10.     <h1 id="myH1">hello,my boy</h1>  
  11.    </body>  
  12.   </html>  
  13.   如我们要改变ID号为myH1的H1标记里的文字为hello,my dear,则可用:   
  14.   document.myH1.innerText="hello,my dear"(其中,document可省)   
  15.   在example.htm文件中,Iframe标记对象所指的子窗体与一般的DHTML对象模型一致,对对象访问控制方式一样,就不再赘述。   
  16.       2、在子窗体中访问并控制父窗体中对象   
  17.   在子窗体中我们可以通过其parent即父(双亲)对象来访问父窗口中的对象。   
  18.   如example.htm:   
  19.   <html>  
  20.    <body onclick="alert(tt.myH1.innerHTML)">  
  21.     <Iframe name="tt" src="frame1.htm" mce_src="frame1.htm" width="250" height="200" scrolling="no" frameborder="0"></iframe>  
  22.     <h1 id="myH2">hello,my wife</h1>  
  23.    </body>  
  24.   </html>  
  25.   如果要在frame1.htm中访问ID号为myH2中的标题文字并将之改为"hello,my friend",我们就可以这样写:   
  26.   parent.myH2.innerText="hello,my friend"  
  27.     或者parent.document.getElementById("myH2").innerText="hello,my friend"  
  28.   这里parent对象就代表当前窗体(example.htm所在窗体),要在子窗体中访问父窗体中的对象,无一例外都通过parent对象来进行。   
  29.            
  30.         3:frame的一个子元素访问frame的另一个子元素   
  31.     例如:框架文件frame.html中嵌入了另外两个html文件   
  32.     <div styleClass="basewnd">    
  33.  <!-- 搜索 -->  
  34.  <div id="search" name="test" align="center" class="top_list_home">  
  35.   <iframe id="frameSearch" name="search" src="Search.html" mce_src="Search.html"  frameBorder="0" scrolling="no" width="195px" height="150px" marginheight="0" marginwidth="0"></iframe>    
  36.  </div>  
  37. <!-- 单位目录树 -->  
  38.  <div align="center" class="welcome_tag_home">  
  39.   <iframe src="DirectoryTree.html" mce_src="DirectoryTree.html"  frameBorder="0" scrolling="no" width="195px" height="427px" marginheight="0" marginwidth="0"></iframe>    
  40.  </div>  
  41.   </div>  
  42. 那么现在要在DirectoryTree.html文件中访问Search.html文件中的一个id为section的<font></font>标签的innerHTML属性,则可以这样:   
  43. alert(parent.document.search.section.innerHTML),其中search是“搜索”div的id,或者:   
  44. alert(parent.document.getElementById("search").section.innerHTML),   
  45. 或者也可以这样:   
  46. alert(parent.document.frames["frameSublist"].name)(这是直接访问iframe)   
  47. 但是以上这些方法都不怎么好用,因为iframe不是标准HTML标签,因此这些方法总是时不时地失灵,因此最好使用下面的方法:   
  48.                                         obj = parent.document.getElementById("frameSearch").contentWindow   
  49.                     objobj=obj.document.getElementById("section")   
  50.                                         obj.innerHTML="大家好!"  
  51. 这种方法屡试不爽,关于具体的介绍,见下面的第四节(用JS访问操作iframe里的dom完全攻略!)   
  52.   Iframe虽然内嵌在另一个HTML文件中,但它保持相对的独立,是一个“独立王国“哟,在单一HTML中的特性同样适用于浮动帧中。试想一下,通过Iframe标记,我们可将那些不变的内容以Iframe来表示,这样,不必重复写相同的内容,这有点象程序设计中的过程或函数,减省了多少繁琐的手工劳动!另外,至关重要的是,它使页面的修改更为可行,因为,不必因为版式的调整而修改每个页面,你只需修改一个父窗体的版式即可了。   
  53.         4:最适用的iframe内部和外部元素的访问方法(在各个浏览器中都适用,并且不会失灵,而上面介绍的那些方法中,很多用过一两次后就失灵了)   
  54.      请见下一个文本框。    
在脚本语言与对象层次中,包含Iframe的窗口我们称之为父窗体,而浮动帧则称为子窗体,弄清这两者的关系很重要,因为要在父窗体中访问子窗体或相反都必须清楚对象层次,才能通过程序来访问并控制窗体。
      1、在父窗体中访问并控制子窗体中的对象
  在父窗体中,Iframe即子窗体是document对象的一个子对象,可以直接在脚本中访问子窗体中的对象。
  现在就有一个问题,即,我们怎样来控制这个Iframe,这里需要讲一下Iframe对象。当我们给这个标记设置了ID 属性后,就可通过文档对象模型DOM对Iframe所含的HTML进行一系列控制。
  比如在example.htm里嵌入test.htm文件,并控制test.htm里一些标记对象:
  <Iframe src="test.htm" mce_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" mce_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.document.getElementById("myH2").innerText="hello,my friend"
  这里parent对象就代表当前窗体(example.htm所在窗体),要在子窗体中访问父窗体中的对象,无一例外都通过parent对象来进行。
        
        3:frame的一个子元素访问frame的另一个子元素
    例如:框架文件frame.html中嵌入了另外两个html文件
    <div styleClass="basewnd"> 
 <!-- 搜索 -->
 <div id="search" name="test" align="center" class="top_list_home">
  <iframe id="frameSearch" name="search" src="Search.html" mce_src="Search.html"  frameBorder="0" scrolling="no" width="195px" height="150px" marginheight="0" marginwidth="0"></iframe> 
 </div>
<!-- 单位目录树 -->
 <div align="center" class="welcome_tag_home">
  <iframe src="DirectoryTree.html" mce_src="DirectoryTree.html"  frameBorder="0" scrolling="no" width="195px" height="427px" marginheight="0" marginwidth="0"></iframe> 
 </div>
  </div>
那么现在要在DirectoryTree.html文件中访问Search.html文件中的一个id为section的<font></font>标签的innerHTML属性,则可以这样:
alert(parent.document.search.section.innerHTML),其中search是“搜索”div的id,或者:
alert(parent.document.getElementById("search").section.innerHTML),
或者也可以这样:
alert(parent.document.frames["frameSublist"].name)(这是直接访问iframe)
但是以上这些方法都不怎么好用,因为iframe不是标准HTML标签,因此这些方法总是时不时地失灵,因此最好使用下面的方法:
                                        obj = parent.document.getElementById("frameSearch").contentWindow
					obj=obj.document.getElementById("section")
                                        obj.innerHTML="大家好!"
这种方法屡试不爽,关于具体的介绍,见下面的第四节(用JS访问操作iframe里的dom完全攻略!)
  Iframe虽然内嵌在另一个HTML文件中,但它保持相对的独立,是一个“独立王国“哟,在单一HTML中的特性同样适用于浮动帧中。试想一下,通过Iframe标记,我们可将那些不变的内容以Iframe来表示,这样,不必重复写相同的内容,这有点象程序设计中的过程或函数,减省了多少繁琐的手工劳动!另外,至关重要的是,它使页面的修改更为可行,因为,不必因为版式的调整而修改每个页面,你只需修改一个父窗体的版式即可了。
        4:最适用的iframe内部和外部元素的访问方法(在各个浏览器中都适用,并且不会失灵,而上面介绍的那些方法中,很多用过一两次后就失灵了)
     请见下一个文本框。  

 

 

四:(重重之点)用JS访问操作iframe里的dom完全攻略!

Java代码 复制代码  收藏代码
  1. 两个页面,一个页面是iframe所在页面(页面名称:iPage.html),另一个页面是iframe属性src指向页面(页面名称:srcPage.html)。   
  2. iPage.html,<body>里dom:   
  3. <iframe id=“iId“ name=“iName“ src="“srcPage.html“" mce_src="“srcPage.html“" scrolling=“no“ frameborder=“0“></iframe>   
  4. srcPage.html,<body>里dom:   
  5. <h1>妹妹的一天</h1>    
  6. <p>早上吃早点,中午约会吃饭,下午K歌,晚上和哥哥瞎折腾</p>   
  7. 下面讨论ie下JS是怎么操作以上两个页面,再讨论firefox的做法,最后给出兼容ie,firefox浏览器操作iframe对象的方法。   
  8. 一、ie下访问操作iframe里内容   
  9. 大家都知道iframe是非标准html标签,它是由ie浏览器推出的多布局标签, 随后Mozilla也支持了这个标签。(闲话,嘿嘿)   
  10. 1. ie通过document.frames["IframeName"]获取它,例子:我们在iPage.html里输出srcPage.html里h1的内容,JS如下,firefox下document.frames 没有定义错误提示:   
  11. window.onload = (function () {    
  12.   alert(document.frames["iName"].document.getElementsByTagName(‘h1‘)[0].firstChild.data);});   
  13. 2. ie另一种方法contentWindow获取它,代码:    
  14. window.onload = (function () {    
  15.  var iObj = document.getElementById(‘iId‘).contentWindow;   
  16.  alert(iObj.document.getElementsByTagName(‘h1‘)[0].firstChild.data);   
  17. });   
  18. 此方法经过ie6,ie7,firefox2.0,firefox3.0测试都通过,好事啊!嘿嘿。(网上一查,发现Mozilla Firefox iframe.contentWindow.focus缓冲区溢出漏洞,有脚本注入攻击的危险。   
  19. 后来听说可以在后台防止这样的事情发生,算是松了口气。不过还是希望firefox新版本可以解决这样的危险。)   
  20. 3.改变srcPage.html里h1标题内容,代码:   
  21. iObj.document.getElementsByTagName(‘h1‘)[0].innerHTML=‘我想变成她一天的一部分‘;   
  22. 通过contentWindow后访问里面的节点就和以前一样了。   
  23. 二、firefox下访问操作iframe里内容   
  24. Mozilla支持通过IFrameElmRef.contentDocument访问iframe的document对象的W3C标准,通过标准可以少写一个document,代码:   
  25. var iObj = document.getElementById(‘iId‘).contentDocument;    
  26. alert(iObj.getElementsByTagName(‘h1‘)[0].innerHTML=‘我想变成她一天的一部分‘);    
  27. alert(iObj.getElementsByTagName(‘p‘)[0].firstChild.data);   
  28. 兼容这两种浏览器的方法,现在也出来了,就是使用contentWindow这个方法。   
  29. 嘿嘿!操作iframe是不是可以随心所欲了呢?如果还觉得不爽,你甚至可以重写iframe里的内容。   
  30. 三、重写iframe里的内容   
  31. 通过designMode(设置文档为可编辑设计模式)和contentEditable(设置内容为可编辑),你可以重写iframe里的内容。代码:   
  32. var iObj = document.getElementById(‘iId‘).contentWindow;   
  33. iObj.document.designMode = ‘On‘;    
  34. iObj.document.contentEditable = true;    
  35. iObj.document.open();    
  36. iObj.document.writeln(‘<html><head>‘);    
  37. iObj.document.writeln(‘<mce:style><!--   
  38. body {background:#000;font-size:9pt;margin: 2px; padding: 0px;}   
  39. --></mce:style><style mce_bogus="1">body {background:#000;font-size:9pt;margin: 2px; padding: 0px;}</style>‘);    
  40. iObj.document.writeln(‘</head><body></body></html>‘);    
  41. iObj.document.close();   
  42. 这两个对象的资料可参考:http://msdn.microsoft.com/en-us/library/ms533720(VS.85).aspx  
  43. 四、iframe自适应高度   
  44. 有了上面的原理要实现这个相当简单,就是把iframe的height值设置成它里面文档的height值就可以。代码:   
  45. window.onload = (function () {    
  46. var iObj = document.getElementById(‘iId‘);    
  47. iObj.height =  iObj.contentWindow.document.documentElement.scrollHeight;});   
  48. 现在对JS操作iframe你已经有了全新的认识,说不定那天会因为这个有什么新的web技术名词,嘿嘿,臭美下!   
  49. PS:   
  50. 1. Document.designMode ,Document.contentEditable在你这里的使用场景错了,他一般是应用在在线编辑器上的,如果你并不是开放给用户操作的话,根本没必要设置这个属性!   
  51. 2. 另外之所以要用 window.onload,是因为页面加载中,iframe的加载顺序是在最后的,也就是说,在没用window.onload的情况下,在执行你那段js的时候iframe里的dom都还没加载到,这样自然是无输出的了   
  52. 3. 如果是在两个不同的子域下,上面的代码需要做小的改动。   
  53. 调用iframe的页面和被iframe的页面需要增加设置 document.domain 的代码,指明同一个根域即可。   
  54. 参考资料:   
  55. https://developer.mozilla.org/cn/Migrate_apps_from_Internet_Explorer_to_Mozilla  
  56. http://msdn.microsoft.com/en-us/library/ms533690(VS.85).aspx  
  57. http://www.kuqin.com/webpagedesign/20080516/8536.html  
  58. http://www.nohack.cn/jsj/safe/2006-10-05/8156.html  
  59. 此外,用DOM方法与jquery方法结合的方式:   
  60. 1.在父窗口中操作 选中IFRAME中的所有单选钮   
  61. $(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true");   
  62. 2.在IFRAME中操作 选中父窗口中的所有单选钮   
  63. $(window.parent.document).find("input[@type='radio']").attr("checked","true");   
  64. iframe框架的:<iframe src="test.html" mce_src="test.html" id="iframe1" width="700" height="300" frameborder="0" scrolling="auto"></iframe>   
  65. 3.Try this:    
  66. $("#myid", top.document);    
  67. the top.document tells the selector to target the myid element which    
  68. exists in the topmost document (your parent page).  In order for this    
  69. to work, jquery must be loaded in the file which is viewed through the    
  70. iframe.    
  71. 我的代码   
  72. $('#parentElem', top.document).append('<div class="imgbox" id="imgbox"><img class="img" src="pp.png" mce_src="pp.png" id="img"></div>');   
  73. --end--  
两个页面,一个页面是iframe所在页面(页面名称:iPage.html),另一个页面是iframe属性src指向页面(页面名称:srcPage.html)。
iPage.html,<body>里dom:
<iframe id=“iId“ name=“iName“ src="“srcPage.html“" mce_src="“srcPage.html“" scrolling=“no“ frameborder=“0“></iframe>
srcPage.html,<body>里dom:
<h1>妹妹的一天</h1> 
<p>早上吃早点,中午约会吃饭,下午K歌,晚上和哥哥瞎折腾</p>
下面讨论ie下JS是怎么操作以上两个页面,再讨论firefox的做法,最后给出兼容ie,firefox浏览器操作iframe对象的方法。
一、ie下访问操作iframe里内容
大家都知道iframe是非标准html标签,它是由ie浏览器推出的多布局标签, 随后Mozilla也支持了这个标签。(闲话,嘿嘿)
1. ie通过document.frames["IframeName"]获取它,例子:我们在iPage.html里输出srcPage.html里h1的内容,JS如下,firefox下document.frames 没有定义错误提示:
window.onload = (function () { 
  alert(document.frames["iName"].document.getElementsByTagName(‘h1‘)[0].firstChild.data);});
2. ie另一种方法contentWindow获取它,代码: 
window.onload = (function () { 
 var iObj = document.getElementById(‘iId‘).contentWindow;
 alert(iObj.document.getElementsByTagName(‘h1‘)[0].firstChild.data);
});
此方法经过ie6,ie7,firefox2.0,firefox3.0测试都通过,好事啊!嘿嘿。(网上一查,发现Mozilla Firefox iframe.contentWindow.focus缓冲区溢出漏洞,有脚本注入攻击的危险。
后来听说可以在后台防止这样的事情发生,算是松了口气。不过还是希望firefox新版本可以解决这样的危险。)
3.改变srcPage.html里h1标题内容,代码:
iObj.document.getElementsByTagName(‘h1‘)[0].innerHTML=‘我想变成她一天的一部分‘;
通过contentWindow后访问里面的节点就和以前一样了。
二、firefox下访问操作iframe里内容
Mozilla支持通过IFrameElmRef.contentDocument访问iframe的document对象的W3C标准,通过标准可以少写一个document,代码:
var iObj = document.getElementById(‘iId‘).contentDocument; 
alert(iObj.getElementsByTagName(‘h1‘)[0].innerHTML=‘我想变成她一天的一部分‘); 
alert(iObj.getElementsByTagName(‘p‘)[0].firstChild.data);
兼容这两种浏览器的方法,现在也出来了,就是使用contentWindow这个方法。
嘿嘿!操作iframe是不是可以随心所欲了呢?如果还觉得不爽,你甚至可以重写iframe里的内容。
三、重写iframe里的内容
通过designMode(设置文档为可编辑设计模式)和contentEditable(设置内容为可编辑),你可以重写iframe里的内容。代码:
var iObj = document.getElementById(‘iId‘).contentWindow;
iObj.document.designMode = ‘On‘; 
iObj.document.contentEditable = true; 
iObj.document.open(); 
iObj.document.writeln(‘<html><head>‘); 
iObj.document.writeln(‘<mce:style><!--
body {background:#000;font-size:9pt;margin: 2px; padding: 0px;}
--></mce:style><style mce_bogus="1">body {background:#000;font-size:9pt;margin: 2px; padding: 0px;}</style>‘); 
iObj.document.writeln(‘</head><body></body></html>‘); 
iObj.document.close();
这两个对象的资料可参考:http://msdn.microsoft.com/en-us/library/ms533720(VS.85).aspx
四、iframe自适应高度
有了上面的原理要实现这个相当简单,就是把iframe的height值设置成它里面文档的height值就可以。代码:
window.onload = (function () { 
var iObj = document.getElementById(‘iId‘); 
iObj.height =  iObj.contentWindow.document.documentElement.scrollHeight;});
现在对JS操作iframe你已经有了全新的认识,说不定那天会因为这个有什么新的web技术名词,嘿嘿,臭美下!
PS:
1. Document.designMode ,Document.contentEditable在你这里的使用场景错了,他一般是应用在在线编辑器上的,如果你并不是开放给用户操作的话,根本没必要设置这个属性!
2. 另外之所以要用 window.onload,是因为页面加载中,iframe的加载顺序是在最后的,也就是说,在没用window.onload的情况下,在执行你那段js的时候iframe里的dom都还没加载到,这样自然是无输出的了
3. 如果是在两个不同的子域下,上面的代码需要做小的改动。
调用iframe的页面和被iframe的页面需要增加设置 document.domain 的代码,指明同一个根域即可。
参考资料:
https://developer.mozilla.org/cn/Migrate_apps_from_Internet_Explorer_to_Mozilla
http://msdn.microsoft.com/en-us/library/ms533690(VS.85).aspx
http://www.kuqin.com/webpagedesign/20080516/8536.html
http://www.nohack.cn/jsj/safe/2006-10-05/8156.html
此外,用DOM方法与jquery方法结合的方式:
1.在父窗口中操作 选中IFRAME中的所有单选钮
$(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true");
2.在IFRAME中操作 选中父窗口中的所有单选钮
$(window.parent.document).find("input[@type='radio']").attr("checked","true");
iframe框架的:<iframe src="test.html" mce_src="test.html" id="iframe1" width="700" height="300" frameborder="0" scrolling="auto"></iframe>
3.Try this: 
$("#myid", top.document); 
the top.document tells the selector to target the myid element which 
exists in the topmost document (your parent page).  In order for this 
to work, jquery must be loaded in the file which is viewed through the 
iframe. 
我的代码
$('#parentElem', top.document).append('<div class="imgbox" id="imgbox"><img class="img" src="pp.png" mce_src="pp.png" id="img"></div>');
--end--

 

 

五:用图片代替iframe的滚动条

Java代码 复制代码  收藏代码
  1. <IFRAME frameBorder=0 frameSpacing=0 height=25 marginHeight=0 marginWidth=0 scrolling=no name=main src="/bgm/bgm.html" mce_src="bgm/bgm.html" width=300></IFRAME>   
  2. 用了iframe后 发现滚动条不漂亮 想用2个图片来代替↑↓应该怎么实现呢?   
  3. 回答:用下列代码替换网页的<title>..</title>   
  4. <SCRIPT LANGUAGE="javascript">   
  5. function scroll(n)   
  6. {temp=n;   
  7. Out1.scrollTop=Out1.scrollTop+temp;   
  8. if (temp==0) return;   
  9. setTimeout("scroll(temp)",80);   
  10. }   
  11. </SCRIPT>   
  12. <TABLE WIDTH="330">   
  13. <TR>   
  14. <TD WIDTH="304" VALIGN="TOP" ROWSPAN="2" >   
  15. <DIV ID=Out1 STYLE="width:100%; height:100;overflow: hidden ;border-style:dashed;border-width: 1px,1px,1px,1px;" mce_STYLE="width:100%; height:100;overflow: hidden ;border-style:dashed;border-width: 1px,1px,1px,1px;">   
  16. 文字<BR> 文字<BR>   
  17. 文字<BR>   
  18. 文字<BR>   
  19. 文字   
  20. <BR>   
  21. <BR>   
  22. </DIV>   
  23. </TD>   
  24. <TD WIDTH="14" VALIGN="TOP"><IMG SRC="photo/up0605.gif" mce_SRC="photo/up0605.gif" WIDTH="14" HEIGHT="20" onmouseover="scroll(-1)" onmouseout="scroll(0)" onmousedown="scroll(-3)" BORDER="0" ALT="按下鼠标速度会更快!"></TD>   
  25. </TR>   
  26. <TR>   
  27. <TD WIDTH="14" VALIGN="BOTTOM"><IMG SRC="photo/down0605.gif" mce_SRC="photo/down0605.gif" onmouseover="scroll(1)" onmouseout="scroll(0)"      onmousedown="scroll(3)" BORDER="0" WIDTH="15" HEIGHT="21" ALT="按下鼠标速度会更快!"></TD>   
  28. </TR>   
  29. </TABLE>   
  30. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::   
  31. 下面这段代码可以实现IFrame自适应高度,即随着页面的长度,自动适应以免除页面和IFrame同时出现滚动条。   
  32. 源代码如下:   
  33. <mce:script type="text/javascript"><!--   
  34. //** iframe自动适应页面 **//   
  35. //输入你希望根据页面高度自动调整高度的iframe的名称的列表   
  36. //用逗号把每个iframe的ID分隔. 例如: ["myframe1", "myframe2"],可以只有一个窗体,则不用逗号。  
  37. //定义iframe的ID   
  38. var iframeids=["test"]   
  39. //如果用户的浏览器不支持iframe是否将iframe隐藏 yes 表示隐藏,no表示不隐藏  
  40. var iframehide="yes"  
  41. function dyniframesize()   
  42. {   
  43. var dyniframe=new Array()   
  44. for (i=0; i<iframeids.length; i++)   
  45. {   
  46. if (document.getElementById)   
  47. {   
  48. //自动调整iframe高度   
  49. dyniframe[dyniframe.length] = document.getElementById(iframeids);   
  50. if (dyniframe && !window.opera)   
  51. {   
  52. dyniframe.style.display="block"  
  53. if (dyniframe.contentDocument && dyniframe.contentDocument.body.offsetHeight) //如果用户的浏览器是NetScape  
  54. dyniframe.height = dyniframe.contentDocument.body.offsetHeight;   
  55. else if (dyniframe.Document && dyniframe.Document.body.scrollHeight) //如果用户的浏览器是IE  
  56. dyniframe.height = dyniframe.Document.body.scrollHeight;   
  57. }   
  58. }   
  59. //根据设定的参数来处理不支持iframe的浏览器的显示问题   
  60. if ((document.all || document.getElementById) && iframehide=="no")   
  61. {   
  62. var tempobj=document.all? document.all[iframeids] : document.getElementById(iframeids)   
  63. tempobj.style.display="block"  
  64. }   
  65. }   
  66. }   
  67. if (window.addEventListener)   
  68. window.addEventListener("load", dyniframesize, false)   
  69. else if (window.attachEvent)   
  70. window.attachEvent("onload", dyniframesize)   
  71. else  
  72. window.onload=dyniframesize   
  73. // --></mce:script>  
<IFRAME frameBorder=0 frameSpacing=0 height=25 marginHeight=0 marginWidth=0 scrolling=no name=main src="/bgm/bgm.html" mce_src="bgm/bgm.html" width=300></IFRAME>
用了iframe后 发现滚动条不漂亮 想用2个图片来代替↑↓应该怎么实现呢?
回答:用下列代码替换网页的<title>..</title>
<SCRIPT LANGUAGE="javascript">
function scroll(n)
{temp=n;
Out1.scrollTop=Out1.scrollTop+temp;
if (temp==0) return;
setTimeout("scroll(temp)",80);
}
</SCRIPT>
<TABLE WIDTH="330">
<TR>
<TD WIDTH="304" VALIGN="TOP" ROWSPAN="2" >
<DIV ID=Out1 STYLE="width:100%; height:100;overflow: hidden ;border-style:dashed;border-width: 1px,1px,1px,1px;" mce_STYLE="width:100%; height:100;overflow: hidden ;border-style:dashed;border-width: 1px,1px,1px,1px;">
文字<BR> 文字<BR>
文字<BR>
文字<BR>
文字
<BR>
<BR>
</DIV>
</TD>
<TD WIDTH="14" VALIGN="TOP"><IMG SRC="photo/up0605.gif" mce_SRC="photo/up0605.gif" WIDTH="14" HEIGHT="20" onmouseover="scroll(-1)" onmouseout="scroll(0)" onmousedown="scroll(-3)" BORDER="0" ALT="按下鼠标速度会更快!"></TD>
</TR>
<TR>
<TD WIDTH="14" VALIGN="BOTTOM"><IMG SRC="photo/down0605.gif" mce_SRC="photo/down0605.gif" onmouseover="scroll(1)" onmouseout="scroll(0)"      onmousedown="scroll(3)" BORDER="0" WIDTH="15" HEIGHT="21" ALT="按下鼠标速度会更快!"></TD>
</TR>
</TABLE>
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
下面这段代码可以实现IFrame自适应高度,即随着页面的长度,自动适应以免除页面和IFrame同时出现滚动条。
源代码如下:
<mce:script type="text/javascript"><!--
//** iframe自动适应页面 **//
//输入你希望根据页面高度自动调整高度的iframe的名称的列表
//用逗号把每个iframe的ID分隔. 例如: ["myframe1", "myframe2"],可以只有一个窗体,则不用逗号。
//定义iframe的ID
var iframeids=["test"]
//如果用户的浏览器不支持iframe是否将iframe隐藏 yes 表示隐藏,no表示不隐藏
var iframehide="yes"
function dyniframesize()
{
var dyniframe=new Array()
for (i=0; i<iframeids.length; i++)
{
if (document.getElementById)
{
//自动调整iframe高度
dyniframe[dyniframe.length] = document.getElementById(iframeids);
if (dyniframe && !window.opera)
{
dyniframe.style.display="block"
if (dyniframe.contentDocument && dyniframe.contentDocument.body.offsetHeight) //如果用户的浏览器是NetScape
dyniframe.height = dyniframe.contentDocument.body.offsetHeight;
else if (dyniframe.Document && dyniframe.Document.body.scrollHeight) //如果用户的浏览器是IE
dyniframe.height = dyniframe.Document.body.scrollHeight;
}
}
//根据设定的参数来处理不支持iframe的浏览器的显示问题
if ((document.all || document.getElementById) && iframehide=="no")
{
var tempobj=document.all? document.all[iframeids] : document.getElementById(iframeids)
tempobj.style.display="block"
}
}
}
if (window.addEventListener)
window.addEventListener("load", dyniframesize, false)
else if (window.attachEvent)
window.attachEvent("onload", dyniframesize)
else
window.onload=dyniframesize
// --></mce:script>

 

六:iframe属性

属性 值 描述 DTD
align left
right
top
middle
bottom
 规定如何根据周围的文本来排列此框架。 TF
frameborder 1
0
 规定是否显示框架的边框。 TF
height pixels
%
 定义 iframe 的高度。 TF
longdesc URL 描述此框架内容的长描述的URL。 TF
marginheight pixels 定义 iframe 的顶部和底部的边距。 TF
marginwidth pixels 定义 iframe 的左侧和右侧的边距。 TF
name frame_name 规定 iframe 的唯一名称 (以便在脚本中使用)。 TF
scrolling yes
no
auto
 定义滚动条。 TF
src URL 在 iframe 中显示文档的 URL。 TF
width pixels
%
 定义 iframe 的宽度。 TF

 

 

七:本人项目部分代码参考

Java代码 复制代码  收藏代码
  1. 以下是本人自己在实际项目开发时利用frame写的一段源代码,仅供参考:   
  2. 主文件(框架):   
  3. <html>   
  4. <head>   
  5.  <title>教育局资源管理系统</title>   
  6.  <mce:script src="resources/js/DirectoryTree/DirectoryTree.js" mce_src="resources/js/DirectoryTree/DirectoryTree.js"></mce:script>   
  7.  <mce:script src="resources/js/date.js" mce_src="resources/js/date.js"></mce:script>   
  8.  <link rel="stylesheet" type="text/css" href="resources/css/frame.css" mce_href="resources/css/frame.css">   
  9.  <link rel="stylesheet" type="text/css" href="resources/css/global.css" mce_href="resources/css/global.css">   
  10.  <mce:script language="javascript"><!--   
  11.   function setBgColor()   
  12.   {      
  13.    var bg=document.bgColor      
  14.    bottom.document.bgColor=bg      
  15.   }   
  16.     
  17. // --></mce:script>   
  18. </head>   
  19. <body bgcolor="#f9edff" onload="setBgColor()">   
  20. <div styleClass="basewnd">   
  21.  <!-- LOGO -->   
  22.  <div align="center" class="flag">   
  23.   <iframe src="resources/HTMLFolders/Logo.html" mce_src="resources/HTMLFolders/Logo.html"  frameBorder="0" scrolling="no" width="950px" height="115px" marginheight="0"></iframe>    
  24.  </div>   
  25.     
  26.  <!-- 用户登陆 -->   
  27.  <div align="center" class="user">   
  28.   <iframe src="resources/HTMLFolders/UserLogin.html" mce_src="resources/HTMLFolders/UserLogin.html"  frameBorder="0" scrolling="no" width="195px" height="150px" marginheight="0" marginwidth="0"></iframe>    
  29.  </div>   
  30.     
  31.  <!-- 搜索 -->   
  32.  <div id="search" name="test" align="center" class="top_list_home">   
  33.   <iframe id="frameSearch" name="search" src="resources/HTMLFolders/Search.html" mce_src="resources/HTMLFolders/Search.html"  frameBorder="0" scrolling="no" width="195px" height="150px" marginheight="0" marginwidth="0"></iframe>    
  34.  </div>   
  35.     
  36.  <!-- 导航条 -->   
  37.  <div align="center" class="navigation">   
  38.   <iframe src="resources/HTMLFolders/Navigation.html" mce_src="resources/HTMLFolders/Navigation.html"  frameBorder="0" scrolling="no" width="950px" height="25px" marginheight="0" marginwidth="0"></iframe>    
  39.  </div>   
  40.     
  41.     
  42.  <!-- 最新主题列表 -->   
  43.  <div align="center" class="newest_topic">   
  44.   <iframe src="resources/HTMLFolders/Sublist.html" mce_src="resources/HTMLFolders/Sublist.html" frameBorder="0" scrolling="no" width="540px" height="427px" marginheight="0" marginwidth="0"></iframe>   
  45.  </div>   
  46.  <!-- 单位目录树 -->   
  47.  <div align="center" class="welcome_tag_home">   
  48.   <iframe src="resources/HTMLFolders/DirectoryTree.html" mce_src="resources/HTMLFolders/DirectoryTree.html"  frameBorder="0" scrolling="no" width="195px" height="427px" marginheight="0" marginwidth="0"></iframe>    
  49.  </div>   
  50.  <!-- 页尾 -->   
  51.  <div align="center" class="rights_home">   
  52.   <iframe id="bottom" name="bottom" src="resources/HTMLFolders/Bottom.html" mce_src="resources/HTMLFolders/Bottom.html"  frameBorder="0" scrolling="no" width="950px" height="100px" marginheight="0" marginwidth="0" allowTransparency="true" style="background-color: red" mce_style="background-color: red"></iframe>    
  53.  </div>   
  54. </div>   
  55. </body>   
  56. </html>   
  57. 被引用的文件UserLogin.html:   
  58.   <link rel="stylesheet" type="text/css" href="../css/global.css" mce_href="css/global.css">   
  59.   <table border="0" align="left" width="193" cellpadding="1" cellspacing="0" style="border-style:solid;border-width:1px;border-color:#eeeeee;" mce_style="border-style:solid;border-width:1px;border-color:#eeeeee;">   
  60.    <tr><td>   
  61.     <table border="0" align="left" width="190" cellpadding="0" cellspacing="0">   
  62.      <tr>   
  63.       <td align="left" valign="middle" width="20" height="25" class="tdfnt12px" background="../images/title_bar2.png" >   
  64.           
  65.       </td>   
  66.       <td align="left" valign="bottom" height="25" class="tdfnt12px" background="../images/title_bar2.png">   
  67.        <font style="height:18px;font-family:宋体;font-size:14px;"> <b>会员登录</b></font>   
  68.       </td>   
  69.      </tr>   
  70.     </table>   
  71.    </td></tr>   
  72.   </table>   
  73.      
  74.   <div id="divLogin" style="visibility:visible;position:absolute;left:10px;top:30px">   
  75.    <table border="0" align="left" width="193" cellpadding="1" cellspacing="0" style="border-style:solid;border-width:0px;border-color:#eeeeee;" mce_style="border-style:solid;border-width:0px;border-color:#eeeeee;">   
  76.     <tr>   
  77.      <td align="left" valign="bottom" height="45"><font class="normal">用户名:</font>   
  78.      <td valign="bottom"><input type="text" name="userAreaUserName" id="userAreaUserName" class="id" maxlength="16"/></td>   
  79.     </tr>   
  80.     <tr>   
  81.      <td align="left" height="40"><font class="normal">密码:</font>   
  82.      <td><input type="password" name="userAreaUserPwd" id="userAreaUserPwd" class="pwd" maxlength="16"/></td>   
  83.     </tr>   
  84.     <tr>   
  85.      <td align="center" colspan="2" class="tdfnt12px">   
  86.       <input type="submit" value="登录" style="color:black;border-color:skyblue;border-style:solid;border- width:0px;vertical-align:middle;font-family:宋体;width:68px;height:24px;background:url(resources/images/ButtonBg02.png);"/>   
  87.      </td>   
  88.     </tr>   
  89.    </table>   
  90.   </div>   
  91. 现在假设“最新主题列表”文件中有一个超链接,点击其,包含“最新主题列表”的iframe就重新加载,此时需要利用javascript来实现:   
  92. <a href="" onclick="redirect(); return false">www.baidu.com</a>   
  93. <mce:script language="javascript"><!--   
  94.     function redirect()   
  95.     {   
  96.          parent.document.frames["frameSublist"].location.href="www.baidu.com"  
  97.     }   
  98. // --></mce:script> 

14、多级快速多极子算法(MLFMA)详解 多级快速多极子算法(MLFMA)是一种高效加速矩阵向量乘法(MVM)的数值方法,广泛应用于电磁场积分方程求解中。该算法通过构建多级树结构,将MVM分解为近场直接计算和远场分组计算两部分,利用递归聚类、聚合-平移-分解三阶段处理远场相互作用,并结合采样、模式计算与优化策略,将计算复杂度从O(N^2)降低至O(N log N)。博文详细阐述了MLFMA的核心步骤、数学推导、计算复杂度及实际应用中的优化技术,如伽辽金方案改进、对称性利用和反插值方法,为大规模电磁问题的高效求解提供了系统性指导。 阅读详情

相关推荐

GD32H7系列SRAM优化配置实战指南

本文详细解析了GD32H7系列MCU的SRAM架构,包括ITCM、DTCM、AXI SRAM等关键内存区域的特点与性能差异。通过实战指南,指导开发者如何通过配置寄存器和链接脚本,优化内存布局以提升系统性能,并重点探讨了DMA操作与CPU缓存一致性的解决方案,帮助充分发挥GD32H7的高性能潜力。

weixin_29169899的博客 518

iframe几种常用代码片段

<iframe id="SGframe" src="外部文件名.html" frameborder="no" scrolling="no" style="display:block"> </iframe> <!--全屏iframe设置--> <iframe id="SGframe" src="https://720yun.com/t/f33jOzhk.

我驾驶汽车从不是为了从A点到达B点,我喜欢去感受汽车,与之交流,与之融为一体。 5786

APK静态分析(取证角度)——理论部分

APP是指应用程序(Application),是指能够在手机、平板电脑、电脑等移动设备上运行的软件。APP可以帮助用户进行各种功能操作,如社交媒体、游戏、购物、学习、工作等。用户可以通过应用商店或者在线下载安装APP,然后在设备上使用它们。APP的种类非常丰富,能够满足用户不同的需求和兴趣。

currify的博客 3208

HTML <iframe> 标签的常用属性--详解(附加代码)

标签用于在网页中嵌入另一个文档(通常是外部网页)或者内嵌内容

合格程序猿 2077

containerd镜像加速配置全解析:从host.toml到config.toml的演进与实践

本文全面解析了containerd镜像加速的配置方法,重点对比了传统的config.toml集中式配置与现代的host.toml模块化配置的演进与优劣。文章通过实战演示,详细指导如何为docker.io、registry.k8s.io等常见仓库配置host.toml加速,并提供了生产环境下的最佳实践、故障排查与性能优化建议,帮助用户显著提升镜像拉取效率与系统稳定性。

jenkins8butler的博客 698

Agent驱动电商运营:从选品到售后的全链路革新

在当今竞争激烈的电商市场中,传统的电商运营模式面临着诸多挑战。从选品到售后,每个环节都需要大量的人力投入和专业知识。选品需要深入了解市场趋势和消费者需求,营销需要精准定位目标用户,客服需要24小时响应用户咨询。这些工作不仅耗时耗力,而且容易受到人为因素的影响,导致效率低下和成本高企。AI Agent是一种能够感知环境、做出决策并采取行动的智能系统。感知能力:能够获取和处理环境信息。决策能力:能够根据感知到的信息做出决策。行动能力:能够执行决策,对环境产生影响。学习能力。

AI 领航者的博客 354

iframe的优缺点及改进方法(有实例代码)

iframe是用来内嵌网页的,使用起来很方便,但也有优缺点,比如iframe能原封不动地把嵌入的网页展现出来,如果有多个网页引用iframe,那么只需要修改iframe的内容,就可以实现调用每一个页面的更改,方便快捷,iframe缺点会阻塞主页面的Onload事件,但有针对iframe的优缺点及改进方法。 一、iframe内嵌网页使用实例代码: <iframe width="100%" height="100%" frameborder="0" scrolling="auto" allow.

web前端开发博客 3028

传感器使用——ESP-WROOM-32 and INMP441麦克风音频采集

传感器使用——ESP-WROOM-32 and INMP441麦克风音频采集,数据显示及matlab操作界面。

qq_41958946的博客 7354

iframe的基本介绍与使用

一、iframe的基本介绍 二、iframe的基本使用 三、iframe的属性介绍 四、iframe注意事项 五、iframe的URL传参方法 六、iframe的postMessage()传参方法

qq_45799465的博客 5万+

V90伺服 EPOS模式下回原(详细配置+SCL源代码)

/ 输出上限 100.0%rSetPoint : Real;// 设置目标值工程量。// 通道转换参考值。Td : Real;

RXXW_Dor的博客 2665

车辆重识别/再辨识数据集: Vehicle Re-ID Datasets Collection

车辆数据库 1.VERI-Wild: A Large Dataset and a New Method for Vehicle Re-Identification in the Wild (2019-CVPR) 数据库名称:VERI-Wild 论文:链接 数据库描述: 车辆图像由一个包含174个摄像机,拍摄范围覆盖超过200平方公里的市区CCTV系统拍摄。摄像机是24小时连续拍摄30天,其长时间的...

AI炼丹师 6857

iframe 详解、案例

iframe 详解、案例

一个懒惰前端的博客 4118

华为OD机试真题 新系统 - WIFI设备网络规划 (Java/Py/C/C++/Js/Go)

本文整理华为 OD 机试新系统机考真题库,涵盖高频考点精析与完整题目内容,提供 C 语言、Java、C++、Python、Go、JavaScript 多语言源码实现,搭配详细解题思路讲解,并支持在线 OJ 刷题练习,助力高效备考华为 OD 机试新系统。

算法大师! 2017

【转】 学习HTML:iframe用法总结收藏

<iframe>是框架的一种形式,也比较常用到。 一:几个例子——演示iframe的基本用法 例1: <iframe width=420 height=330 frameborder=0 scrolling=auto src="URL" mce_src="URL">...

choujia6704的博客 435

复分析 阿尔福斯(Ahlfors) 第三版答案 英文

答案分为十章,有部分习题没有答案,全英文复分析阿尔福斯(Ahlfors) 第三版答案

jdk-8u144-linux-x64.tar.gz.

该资源为搭建Linux系统Java环境用,资源的后缀为tar.gz格式的压缩包

iframe标签用法详解

        iframe一般用来包含别的页面,例如我们可以在我们自己的网站页面加载别人网站的内容,为了更好的效果,可能需要使iframe透明效果,那么就需要了解更多的iframe属性。 1、iframe 定义和用法         iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。 HTML 与 XHTML 之间的差异         在 HTML 4.1 Strict D...

时光流水的博客 13万+

win10 跳过U8环境检测的IE WebControls.rar

win10 安装u8的时候 提示IE WebControls 不通过,这个工具可以欺骗u8的检查。 跳过U8环境检测的IE WebControls。提示导入失败后,重新检测通过。

html中iframe标签的用法详解

<iframe>是什么?html中iframe标签的用法详解 原创2018-10-26 10:24:35 03690 经常进行页面布局的人对于HTML中的iframe标签一定不陌生,iframe标签是一个内联框架,说白了就是用来在当前 HTML 页面中嵌入另一个文档的。刚刚接触前端的小伙伴可能不知道html中iframe标签的用法,这篇文章就结合实例给大家讲解htm...

fly_on_the_sky的博客 4万+

C# WinForm 基于DirectShow.dll编写的程序,可边预览边保存视频,音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择(默认选中第一个)2.可录制wmv和avi两种格式的视频并且都带有音频,avi可以录制的分辨率和帧数进行选择,wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照,也可边录制视频边拍照4.添加了视频和音频的压缩功能(酌情使用)这次二次开发发现C#对DirectShow的相关信息太少,这次做完也不敢藏私共享出来,还望大家指正

HTML iframe 用法总结收藏

Iframe用法精析 用于设置文本或图形的浮动图文框或容器。 BORDER 设定围绕图文框的边缘宽度 FRAMEBODER 设置边框是不否为3维(0=否,1=是) HEIGHT,WIDTH 设质边框的宽度和高度 SCROLLING 是否有滚动条(YES,NO,AUTO) SRC 指定IFRAME调用的文件或图片(HT

heartbeaty的专栏 3096

html 右边是iframe 左右结构_HTML iframe 用法总结收藏

Iframe用法精析用于设置文本或图形的浮动图文框或容器。BORDER设定围绕图文框的边缘宽度FRAMEBODER设置边框是不否为3维(0=否,1=是)HEIGHT,WIDTH设质边框的宽度和高度SCROLLING是否有滚动条(YES,NO,AUTO)SRC指定IFRAME调用的文件或图片(HTML,HTM,GIF,JPEG,JPG,PNG,TXT,*.*)“画中画”效果--谈IFRAME标签的使...

weixin_39608118的博客 1224
上一篇: js 封装学习
下一篇: 武汉社保公积金常用信息汇总
andycode
博客等级 码龄17年 12粉丝 80原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值