`
alex_gao
  • 浏览: 79680 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

iframe使用笔记

 
阅读更多

1.使用JS刷新iframe的方法：

 

document.getElementById('iframeid').src = document.getElementById('iframeid').src

or
document.getElementById('iframeid').src += '';
原理都是一样的，就是修改iframe的src，这种方法还是比较有效的，可以兼容IE，firefox，chorme。
iframe在加载（刷新）时会重新render内容，所以效率比较差，在要求页面渲染效率的情况尽量避免使用iframe。

 

2.iframe与parent js函数的调用

   使用window.parent引用被嵌套的window在调用对应的js方法。

   <head>

    <script>
    function abc() {
        alert("sss");
    }
    </script>
   </head>
   <body>
    <iframe id="myFrame">
        <a onclick="parent.abc();" href="#">Click Me</a>
    </iframe>
   </body>

分享到：
| 使用plsql执行计划进行sql调优(转载)
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    siyuan-note:思源笔记美化教程

    思源笔记美化这里是关于的一些进阶使用心得，包括主题、图标、挂件等内容。一、Chrome 拓展插件思源笔记工具箱 Siyuan Utils新增「闪念」功能，支持在浏览器页面快速添加碎片笔记 - v0.0.2支持题头图位置调整 - v...

    IBM WebSphere Portal门户开发笔记01

    64、JS自动检测IFRAME内容高度并自动设置为IFRAME高度 338 65、JS MOVETO设置屏幕滚动到最底端或者最顶端 339 66、JS OBJECT方式设置浏览器最大化与最小化 339 67、边框标签FIELDSET 339 68、按钮与A标签的DISABLED...

    Dojo笔记，翻译整理的重点

    Dojo笔记，中文版，（包括AMD declare on iframe query script topic xhr等）

    tutormagic：使用来自IPython代码单元的代码将pythontutor.com嵌入IPython笔记本中的IFrame中的IPython魔术

    tutormagic：使用来自IPython代码单元的代码将pythontutor.com嵌入IPython笔记本中的IFrame中的IPython魔术

    子笔记本：将Jupyter笔记本作为Python函数调用

    from subnotebook import run_nbab , ba , slider , output = run_nb ( 'sub_notebook.ipynb' , a = 'c' , b = 'd' ) 进程外模式，其中子笔记本使用执行和提供服务，并作为IFrame包含在主笔记本中。 此模式仅允许...

    前端css+html+布局笔记

    详尽的前端笔记，包含html和css部分，由xmind8做的笔记。css部分:编写的位置 1.内联样式 将样式编写到标签的style属性中 ;"&gt; 这种样式只会对当前标签起作用，不能对样式进行复用，不方便后期维护，不推荐使用...

    ASP.NET学习笔记

    CSS 一、ASP.NET 2.0中CSS失效的问题总结 二、CSS制作圆角边框 三、常用的CSS BUG解决方法与技巧 四、CSS常用的一些小技巧 五、firefox无法显示背景...(1) [原创]iframe高度自适应（多种情况、FF\IE系统全兼容）

    解决extjs在firefox中关闭窗口再打开后iframe中js函数访问不到的问题

    在IE与google chrome中则一切正常，很是郁闷，找了很多种调用iframe中函数的方法，问题一直没有解决。今天在google上又搜索了一下...现在这种方法在前面提到的三种浏览器中都能正常的工作，在这里做下笔记，以备后用。

    wolfram-notebook-embedder:Wolfram Cloud笔记本JavaScript嵌入器

    iframe&gt;而是直接呈现一个笔记本到给定的DOM节点为更加无缝体验。 安装 如果使用的软件包管理器是或 ，则可以从npm存储库安装此软件包： npm install wolfram-notebook-embedder 然后将其导入您JavaScript代码中...

    robableable：作为R htmlwidget的可观察笔记本

    请注意，这不是一个iframe嵌入一个整体笔记本-细胞直接计入您的文档或应用程序英寸您可以选择显示哪些单元格，从R更新单元格值，以及向单元格添加观察者以将其值返回到Shiny应用程序中。 以下GIF显示了一个快速示例...

    JavaScript iframe的相互操作浅析

    下面我结合自己的经验，整理一下笔记记录下来。一、页面三个页面：父页面和两个子页面，两个子页面在父页面的两个iframe里。1、父页面MainForm.aspx&lt;&#37;@ Page Language=”C#” AutoEventWireup=”true” ...

    html入门到放弃笔记

    场合：使用本机文件时使用 什么是相对路径： 从当前文件位置处开始查找资源文件所经过的路径，就是相对路径 1、同目录，直接用 2、子目录，先进入 3、父目录，先返回 3、根相对路径 路径形式是以 / 作为开始...

    letswrite-postMessage:postMessage 主页、iframe页可互相传值

    postMessage 主页、iframe页可互相传值Demo： 笔记文：

    jQuery内嵌iframe导航菜单.zip

    非常实用的特效代码，可以完美运行，可以二次修改！

    NoteTaker01:记录并保存笔记的Web应用程序

    产品：记录并保存笔记的Web应用程序 描述 这个笔记应用程序允许用户保存带有标题和纯文本的笔记。 该应用程序正在运行ExpressS，并使创建笔记变得轻而易举。 访问 访问链接以查看已部署的Heroku应用程序 ） 萤幕分享...

    BrowserStack_PayPal_WDIO

    与iframe中的元素进行交互该测试演示了如何使用Webdriver协议与iframe中的元素进行交互测试用例转到包含iframe的网站将驱动程序上下文切换到iframe 根据需要与子元素进行交互如果出现另一个窗口，请切换到该窗口执行...

    singlefile2trilium:使用SingleFile Web扩展名将网页的忠实副本保存在Trilium笔记中

    处理程序将html内容包装到html iframe中，该iframe本身由呈现注释呈现。 安装 依存关系： Python 3.x &gt; = v0.38 A）配置singlefile2trilium-handler.js 将文件作为JS Backend代码注释添加到trilium： 将...

    examples:在各种情况下使用Observable的示例

    例子描述将整个笔记本嵌入页面读取一个单元格的值（永远不变）读取单元格的值（可能会随时间变化）将数据传递到图表中将实时流数据传递到图表...匹配其内容的iframe实施Embedly协议将Observable笔记本嵌入到create...

    Tony_notes:Tony笔记，例如“严格数学入门”，“柯西产品的行为”，“ IMO香港解决方案”等

    托尼笔记描述托尼（Tony）的笔记，例如“严格数学入门” ， “柯西产品的行为论”等。给我自己的评论评论[2020-09-16 18:46] 我刚刚整理好了这个存储库，将文件夹Data重命名为DATA ，对于我打算编辑的全大写文件/...

    IE6下div层被select控件遮住的问题解决方法

    这个应该在网上有很多解决的办法，只不过很多问题解决了之后就忘了，之后遇到了再去找有时就找不到了，就当给自己做个笔记了 方法很简单在层里套个iframe 能看见我了吗?&lt;iframe frameborder="0" &gt;&lt;/...

Magicbox
Global site tag (gtag.js) - Google Analytics