精华内容
下载资源
问答
  • iframe是否缓存页面探究
    千次阅读
    2014-06-04 13:35:02

    最近手里有个项目需要用iframe来调用每天都会变化的页面,后来想到iframe会不会缓存页面呢,于是写了个demo论证了下,结果如下:

    1. iframe的src如果是静态页面,就有可能会缓存,因为静态页面有200和304状态
    2. iframe的src如果是动态页面就不会缓存,因为动态页面的都是200状态
    3. iframe的src为伪静态页面的话,需要分析伪静态页面会不会有304状态,有的话也会缓存
    希望对遇到同样问题的童鞋有帮助。

    更多相关内容
  • iframe的src如果是静态页面,就有可能会缓存,因为静态页面有200和304状态 iframe的src如果是动态页面就不会缓存,因为动态页面的都是200状态 iframe的src为伪静态页面的话,需要分析伪静态页面会不会有304状态,有...
  • 在开发一个项目时,我使用到了echarts,将含echarts的页面使用iframe的方式嵌入到主页面中,并且可通过点击按钮控制iframe的显示和隐藏(display:none),在ie、chrome中都可以正常显示不报错,可是在火狐浏览器中就...

    在开发一个项目时,我使用到了echarts,将含echarts的页面使用iframe的方式嵌入到主页面中,并且可通过点击按钮控制iframe的显示和隐藏(display:none),在ie、chrome中都可以正常显示不报错,可是在火狐浏览器中就会报错,并且无法显示echarts图标,通过各种尝试,使用以下方法解决了这个问题。

    不要将iframe写在html文件中,而是在点击按钮使iframe显示时再创建iframe,示例代码如下:

    html:

    <p id="btn">查看iframe</p>
    <div id="divName" style="display:none"></div>

     js:

    $("#btn").click(function(){
        $("#divName").css("display","flex")
    
        $("#divName").append(<iframe  src="....."/>)
    
    })

     原因:

    火狐对iframe的解析有问题,火狐加载iframe中的页面时,那个页面的加载初始化返回没能执行,也就无法创建echarts实例了。一些火狐中iframe的部分其他错误也可以使用这种方法解决。

     

    展开全文
  • 关于iframe页面里的重定向问题

    千次阅读 2018-04-23 15:06:00
    最近公司做的一个功能,使用了iframe,父页面内嵌子页面,里面的坑还挺多的,上次其实就遇到过,只不过今天在此描述一下。  请允许我画个草图:    外层大圈是父级页面,里层是子级页面,我们是在父级引用子级...

        最近公司做的一个功能,使用了iframe,父页面内嵌子页面,里面的坑还挺多的,上次其实就遇到过,只不过今天在此描述一下。

        请允许我画个草图:

        

        外层大圈是父级页面,里层是子级页面,我们是在父级引用子级页面的,由于是两个页面,URL肯定不一样的,“一般的,在子页面做的操作也仅仅对子页面生效”,现在我要说的就是关于这一点的!

        公司这个功能,在子级页面完成某个操作以后,需要跳转页面,于是子级页面的代码是这样写的:提交=>提交成功=>跳转B页面。这个时候我们发现页面跳是跳了,但是是子级页面在子级页面里跳了,什么意思呢,其实就是外层没变,子级页面重定向的时候,是在iframe里面完成了跳转,F12你就会发现,iframe的href变了,但是浏览器地址栏的URL没变(当前浏览器地址栏自然就是父级页面URL了),而我们想要的效果,是浏览器地址栏变(也就是父级URL变)。所以最后还是借助中间页(home.aspx)做了一次页面跳转,从而改变父级URL。

     

        

    转载于:https://www.cnblogs.com/sunshine-wy/p/8919211.html

    展开全文
  • iframe用法总结

    2012-02-28 21:50:15
    iframe用法总结  2007-07-05 21:08:56| 分类: CSS | 标签: |字号大中小 订阅 是框架的一种形式,也比较常用到。  例子1。 不用多说了。  width插入页的宽;height插入页的高;...
     

    iframe用法总结  

    2007-07-05 21:08:56|  分类: CSS |  标签: |字号 订阅

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

      例子1。

    <iframe width=420 height=330 frameborder=0 scrolling=auto src=URL></iframe>

    不用多说了。

      width插入页的宽;height插入页的高;scrolling 是否显示页面滚动条(可选的参数为 auto、yes、no,如果省略这个参数,则默认为auto);frameborder  边框大小;

      注意:URL建议用绝对路径

      传说中百DU用:<iframe width=0 height=0 frameborder=0 scrolling=auto src=WWW .webjx.com></iframe>

    黑了88*8。。。

      例子2。

      如果一个页面里面有框架。。随便点页面里的连接,要求在这个<iframe> 里打开。在iframe 中加入name=** (**自己设定)

    <iframe name=**  ></iframe>

      然后在修改默认打开模式,:网页HEAD中加上<a href=URL target=**>或部分连接的目标框架设为(**)

      例子3。

      要插入一个页面。要求只拿中间一部分。其他的都不要。,。。

      代码:

    <iframe name=123  align=middle marginwidth=0 marginheight=0 vspace=-170 hspace=0 src="http://www.webjx.com/"  frameborder=no scrolling=no  width=776  height=2500></iframe>

      控制插入页被框架覆盖的深度 marginwidth=0 marginheight=0;控制框架覆盖上部分的深度 vspace=-170 

      scrolling滚动条要否(auto、yes、no)   frameborder框架的边框大小,width=776  height=2500此框架的大小。

      一、页面内加入iframe

    <iframe width=420 height=330 frameborder=0 scrolling=auto src=URL></iframe>,

    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的用法

      必需IE5.5以上版本才支持

      在transparentBody.htm文件的<body>标签中,我已经加入了style="background-color=transparent" 通过以下四种IFRAME的写法我想大概你对iframe背景透明效果的实现方法应该会有个清晰的了解:

    <IFRAME ID="Frame1" SRC="transparentBody.htm" allowTransparency="true"></IFRAME> 

    <IFRAME ID="Frame2" SRC="transparentBody.htm" allowTransparency="true" STYLE="background-color: green"> </IFRAME>

    <IFRAME ID="Frame3" SRC="transparentBody.htm"></IFRAME>

    <IFRAME ID="Frame4" SRC="transparentBody.htm" STYLE="background-color: green"> </IFRAME>

    转载 http://qindingsky.blog.163.com/blog/static/31223362007659856937/

    展开全文
  • 一般解决跨越请求什么的,有很多方法,但前端一般都是基于ajax的,你可以通过设置参数或者jsonp什么的跨域,但是有的时候我们碰到很古老的跨域方式:iframe+form。说实在的,现在用这种方式已经不多了,因为这种方式...
  • Vue中嵌入iframe遇到的问题

    千次阅读 2019-03-01 11:18:32
    1.iframe嵌入后在ios中无法滚动的问题。 解决办法: 在iframe外层加上一层div。 &lt;div class='box'&gt; &lt;iframe src=""&gt;&lt;/iframe&gt; &lt;/div&gt; &...
  • 最近做一个功能,通过嵌套ifream,调用另外一个页面,在调用的的过程中传递,本页面的一个地址,并让他回调, 别说做了,听着都觉得复杂,其他还好, 开始没有什么问题,但是在浏览器兼容测试,的时候,手机版uc ...
  • 304(未修改) 自从上次请求后,请求的网页未修改过。服务器返回此响应时,不会返回网页内容。 如果网页自请求者上次请求后再也没有更改过,您应将服务器配置为返回此响应(称为 If-Modified-Since ...
  • {id:304, pId:3, name:"基本 增 / 删 / 改 节点", file:"exedit/edit"}, {id:305, pId:3, name:"高级 增 / 删 / 改 节点", file:"exedit/edit_super"}, {id:306, pId:3, name:"用 zTree 方法 增 / 删 / 改 节点",...
  • 在页面中嵌入iframe,下面就是我所嵌入的iframe如果需要传入参数,可以使用模板字符串的形式。 src写的地址单独在谷歌浏览器是可以访问到html页面内容,但在项目中,嵌入的iframe就是不能显示,通过查找发现是由于...
  • iframe用法

    2017-03-27 19:25:51
    一:几个例子——演示iframe的基本用法 例1:   不用多说了,iframe的各个属性含义如下: width插入页的宽;   height插入页的高; scrolling 是否显示页面滚动条(可选的参数为 auto、yes、no,如果省略这个参数...
  • iframe

    2012-06-27 23:48:47
    iframe用法总结 是框架的一种形式,也比较常用到。  例子1。 不用多说了。  width插入页的宽;height插入页的高;scrolling 是否显示页面滚动条(可选的参数为 auto、yes、no,如果省略这个...
  • vue中 iframe 引入 本地静态html文件,vue-cli2与vue-cli3引用的差异。引言Vue-cli 2.0 构建的项目引用Vue-cli 3.0 构建的项目引用不考虑项目构建版本的方法1.如果你是webpack工程师,你就自己配置打包方式。2.使用...
  • <iframe>是框架的一种形式,也比较常用到。 一:几个例子——演示iframe的基本用法 例1: <iframe width=420 height=330 frameborder=0 scrolling=auto src="URL" mce_src="URL">...
  • iframe的使用

    2015-10-19 14:12:51
    Iframe用法精析 <iframe frameborder=0 width=170 height=100 marginheight=0 marginwidth=0 scrolling=no src="move-ad.htm"></iframe> <IFRAME>用于设置文本或图形的浮动图文框或容器。 BORDER <IFRAME ...
  • iframe详解

    2013-08-12 10:30:35
    用于设置文本或图形的浮动图文框或容器。 BORDER 设定围绕图文框的边缘宽度 FRAMEBODER 设置边框是不否为3维(0=否,1=是) HEIGHT,WIDTH ...指定IFRAME调用的文件或图片(HTML,HTM,GIF,JPEG,J
  • iframe用法收藏

    2017-10-25 09:51:55
    <iframe>是框架的一种形式,也比较常用到。 一:几个例子——演示iframe的基本用法 例1:<iframe width=420 height=330 frameborder=0 scrolling=auto src=”URL” mce_src=”URL”></iframe>   不用多说了,...
  • IFrame语法,实例

    2014-06-24 10:03:58
     WIDTH="304" VALIGN="TOP" ROWSPAN="2" >   ID=Out1 STYLE="width:100%; height:100;overflow: hidden ;border-style:dashed;border-width: 1px,1px,1px,1px;">  文字 文字 文字  文字 ...
  • ASP.NET中使用IFRAME建立类Modal窗口   我们经常要在程序的人机交互中用到模态窗口,但在B/S开发中,这一切变得不容易了,虽然也可以用window.showModalDialog函数实现 (见...
  • html Iframe用法精析

    2013-06-03 16:15:00
    Iframe用法精析 用于设置文本或图形的浮动图文框或容器。 BORDER 设定围绕图文框的边缘宽度 FRAMEBODER 设置边框是不否为3维(0=否,1=是) HEIGHT,WIDTH 设质边框的宽度和高度 ...
  • HTML IFRAME 用法小总结

    2016-06-29 21:07:39
    iframe是框架的一种形式,也比较常用到,下面是对其在平时常用到属性的总结 Iframe用法,下面是一个常规的列子 其中: iframe用于设置文本或图形的浮动图文框或容器。  border设定围绕图文框的边缘宽度...
  • JSP中使用Iframe的技巧

    千次阅读 2013-09-24 21:50:39
    <TD WIDTH="304" VALIGN="TOP" ROWSPAN="2" > ; height:100;overflow: hidden ;border-style:dashed;border-width: 1px,1px,1px,1px;"> 文字<BR> 文字 文字 文字 文字 < TD WIDTH="14" VALIGN="TOP"><IMG SRC=...
  • iframe的用法

    2013-11-12 23:30:25
    用于设置文本或图形的浮动图文框或容器。  BORDER    设定围绕图文框的边缘宽度  FRAMEBODER    设置边框是不否为3维(0=否,1=是)  ...指定IFRAME调用的文件或图片(HTML,HTM,GIF,
  • HTML iframe 用法总结收藏

    千次阅读 2015-11-25 09:38:32
    Iframe用法精析 用于设置文本或图形的浮动图文框或容器。 BORDER 设定围绕图文框的边缘宽度 FRAMEBODER 设置边框是不否为3维(0=否,1=是) HEIGHT,WIDTH 设质边框的宽度和高度 ...
  • iframe用法精析

    千次阅读 2012-09-01 19:26:20
    iframe用法精析: 用于设置文本或图形的浮动图文框或容器。 BORDER 设定围绕图文框的边缘宽度 FRAMEBODER 设置边框是不否为3维(0=否,1=是) HEIGHT,WIDTH 设质边框的宽度和高度 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 6,466
精华内容 2,586
关键字:

iframe 304