IFRAME运用(1)

最新推荐文章于 2023-04-19 14:16:12 发布
最新推荐文章于 2023-04-19 14:16:12 发布
阅读量852 收藏
点赞数
分类专栏： JavaScript 文章标签： iframe microsoft generator border table function
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
 <head>
  <title>TestWeb</title>
  <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
  <meta content=" http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
  <STYLE type="TEXT/CSS">
   
  </STYLE>
  <script language="javascript">
    
    function PageLoad()
    {
     //
    }
    
    function switchSysBar()
    {
     if (switchPoint.innerText==3)
     {
      switchPoint.innerText=4;
      document.all("frmTitle").style.display="none";
     }
     else
     {
      switchPoint.innerText=3;
      document.all("frmTitle").style.display="";
     }
    }
    
  </script>
 </head>
 <body οnlοad="PageLoad()" topmargin="0" rightmargin="0" bottommargin="0" leftmargin="0">
  <TABLE border=0 cellPadding=0 cellSpacing=0 height="100%" width="100%" ID="Table1">
   <TR>
    <TD align="middle" id="frmTitle" vAlign="center" width="20%">
     <IFRAME frameBorder="0" id="left" name="left" src="about:blank" style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 100%; Z-INDEX: 2"></IFRAME>
    </TD>
    <TD>
     <TABLE border="0" cellPadding="0" cellSpacing="0" height="100%" ID="Frame" style="FILTER: alpha(opacity=100,finishopacity=0,style=1,startx=0,starty=100,finishx=,finishy=100); WIDTH: 100%; HEIGHT: 100%; BACKGROUND-COLOR: green">
      <TR>
       <TD style="HEIGHT: 100%" οnclick="switchSysBar()" style="COLOR: white; CURSOR: hand; FONT-FAMILY: Webdings; FONT-SIZE: 10px"><SPAN id="switchPoint" title="点击缩放" >3</SPAN></TD>
      </TR>
     </TABLE>
    </TD>
    <TD width="100%">
     <IFRAME frameBorder="0" id="frmright" name="frmright" scrolling="no" src="about:home" style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 100%; Z-INDEX: 1"> </IFRAME>
    </TD>
   </TR>
  </TABLE>
 </body>
</html>
 
[Javascript]IFRAME运用(1)
weixin_30699443的博客
04-29 104
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>TestWeb</title> <meta content="Microsoft Visual Studio .NET 7.1" name...
前端技术之Iframe1
蜗牛的博客
08-31 422
昨天码了一篇，结果一不小心手贱给关了，没保存，所以今天又补了一篇，下面进入正题。 现在的项目是给中国移动做的一个webapp，主要是加载第三方资源，暂时先用iframe，以后升级再补一篇。 1.加载第三方页面是position：fixed，滑动时会跳动的问题，就是在外面找到里面的元素进行动态赋值： var win = document.getElementById('ex
iframe 1
childhooders的专栏
12-02 535
 纵观时下网站，本来网速就有些慢，可是几乎每页都要放什么Banner，栏目图片，版权等一大堆雷同的东西，当然，出于网站风格统一、 广告效应的需要，本无可厚非，可毕竟让用户的钱包为这些“点缀“的东西”日益消得钱憔悴”了，有没有办法，让这些雷同的东西一次 下载后就不用再下载，而只下载那些内容有变化区域的网页内容呢？ 　　答案很肯定：应用Iframe标记！ 　　一、Iframe标记的使用 　　提起Ifr
iframe用法1
cymbidium999的专栏
11-03 721
写一个js文件，取名叫iframefit.js文件，内容如下：  function iframeAutoFit()  {  try  {  if(window!=parent)  {  var a = parent.document.getElementsByTagName("IFRAME");  for(var i=0; i {  if(a[i].contentWindo
IFrame使用-1
邓福勇
04-01 850
是框架的一种形式，也比较常用到。 　　例子1。  不用多说了。 　　width插入页的宽；height插入页的高；scrolling 是否显示页面滚动条（可选的参数为 auto、yes、no，如果省略这个参数，则默认为auto）；frameborder  边框大小； 　　注意：URL建议用绝对路径 　　传说中百DU用：黑了88*8。。。 
iframe嵌套web纯前端页面，运用Bootstrap(v5.1)技术
09-18
iframe实现左侧菜单右侧页面简单示例。点击左侧菜单，右侧显示不同html内容，并加有css样式，美观实用。很简单的界面，没有多余功能。博文网址：https://blog.csdn.net/LawrenceUyi31?type=blog
微信jssdk在iframe页面失效问题的解决措施
10-22
微信jssdk（JavaScript SDK）是由微信官方提供的一套开发工具包，它允许开发者在网页中调用微信提供的API接口，从而实现...开发者需要灵活运用现有的技术手段，并不断探索新的解决方案，以满足项目需求并最终实现功能。
a标签的target链接指向iframe的方法
09-28
在实际应用中，合理地运用`<a>`标签的`target`属性与`iframe`结合，可以实现诸如弹窗、多窗口交互等多种功能。 总之，要使`<a>`标签的链接在`iframe`中打开，正确设置`target`属性与`iframe`的`name`属性匹配至关...
详解使用postMessage解决iframe跨域通信问题
12-13
iFrame.contentWindow.postMessage('MessageFromIndex1', '*'); }; ``` 这里，`'MessageFromIndex1'`是你要发送的数据，`'*'`表示允许向所有源发送消息。在某些情况下，你需要指定特定的源，以确保只有指定页面...
测试iframe
05-18
1. **`iframe`基本结构** `iframe`标签的基本使用方式如下： ```html <iframe src="http://example.com" width="400" height="300"></iframe> ``` 其中，`src`属性定义了要加载的URL，`width`和`height`分别...
iframe1（跨页面父子页面问题）
weixin_30782293的博客
08-15 128
<iframe id="iframe1" data-bind="attr: { src: $root.Basic_Form_ReportID }" frameborder="0" style="height: 550px;width:100%"></iframe> //加载自定义样式 ContentStr += "<sty...
jQuery-获得iframe内容-1.1
caishu1995的博客
01-16 156
首先设置iframe的id为baseIFrame，然后设置加载完成 $("iframe[id='baseIFrame']").on("load",function(){ var iframeWindow=$("iframe[id='baseIFrame']")[0]; var aa = $(iframeWindow.contentWindow.document).find("t...
iframe简单使用 、获取iframe 、获取iframe 元素值 、iframe获取父页面的信息
热门推荐
m0_63348818的博客
06-19 4万+
标签规定一个内联框架。一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。 注意：URL建议用绝对路径 如果一个页面里面有框架，点页面里的连接，要求在这个 里打开。在中规定name 然后在修改默认打开模式，：网页head中加上或部分连接的目标框架设为（**）要插入一个页面。要求只拿中间一部分。其他的都不要。代码： 控制插入页被框架覆盖的深度 控制框架覆盖上部分的深度 scrolling滚动条要否（auto、yes、no） frameborder框架的边框大小，width=776 height=2
iframe 的使用理解
最新发布
i_Satan的博客
04-19 4988
frame 用于在页面内显示页面，使用 iframe 会创建包含另外一个文档的内联框架（即行内框架）
jQuery 操作 iframe
多一点点的专栏
03-19 1283
iframe框架的HTML " + " 1.父窗口操作子窗口 $(window.frames["iframeSon"].document).find("input[@type='radio']").attr("checked","true"); 2.子窗口操作父窗口 $(window.parent.document).find(":text"); 3.父窗口调用子窗口的JS方法 windo
前端辅助-iframe 使用 xpath-1.1
caishu1995的博客
01-17 619
iframe加载完成后,获得xmlDocument对象，可以直接使用this.contentWindow.document。然后调用函数 $("iframe[id='baseIFrame']").on("load",function(){ getSpecialContent(this.contentWindow.document, "", function(){} ); }); 如果...
安卓WebView加载腾讯视频无法播放
xiaoqiang_0719的博客
12-12 7584
安卓使用WebView加载html页面，页面中使用ifram标签加载一个腾讯视频的视频链接地址，安卓4.0,5.0都可以正常播放6.0以上无法正常播放 弹出如下信息："Mixed Content: The page at 'https://v.qq.com/iframe/player.html?vid=r0350dol0ma&tiny=0&auto=0' was loaded over HTTP
H5的视频解决方案(3)——第三方视频接入(腾讯、youtube)
Joyce的前端日常
08-07 2万+
3. 腾讯视频接入 4. YouTube视频接入 (1) 使用iframe嵌入 (2) 使用YouTbue API 3. 腾讯视频接入 通过iframe将视频插入。 地址为：https://v.qq.com/iframe/player.html?vid={视频id}。 如何获取id？ 例如这样一个腾讯视频的播放页面：https://v.qq.com/x/page...
html iframe 元素之间的调用
weixin_34233618的博客
12-03 128
html iframe 元素之间的调用一、简介 　　一般需要引入一个独立页面的时候，我们会使用iframe。在业务需要的时候，我们需要在父页面与iframe页面之间进行交互。交互的时候，我们就需要使 用到js或jquery对父页面或子页面中的相关元素进操作。二、示例 　　1、页面结构如下： 　　父页面： 1 &lt;!DOCTYPE html&gt; 2 &lt;html&gt; ...
解决iframe跨域与页面自适应问题
通过理解和运用上述提到的解决方案，开发者可以有效地解决这些问题，从而更好地利用iframe技术来增强网站的功能性和用户体验。在实际应用中，还需要注意安全性和性能优化，以确保网站的高效运行。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值