iframe使用笔记 - 灰辉 - ITeye博客

`

alex_gao

浏览: 81017 次
性别:
来自: 北京

最近访客更多访客>>

zj619

yczoutao

taotaow2n

mikeeee

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

tianhandigeng：一直没搞懂，问一下，RTTI是指一种机制，还是一个概念？思维 ...
Java RTTI
haohao-xuexi02：我觉得《鲁宾逊漂流记》读英文，会非常棒。。。
最近该读哪些书（三）
haohao-xuexi02：我喜欢《暗时间》！
最近该读哪些书（三）

iframe使用笔记

博客分类：

Web前端

阅读更多

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

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

ordocument.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>

分享到：

SQL优化笔记 | 使用plsql执行计划进行sql调优(转载)

2012-06-19 11:29
浏览 803
评论(0)
分类:Web前端
查看更多

评论

发表评论

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

相关推荐

Selenium python之学习笔记: 在本学习笔记中，首先提到了编码问题，指出了源程序需要使用utf-8编码，这对于中文字符的支持尤为重要。接下来，笔记展示了如何导入selenium库中的webdriver模块，这是Selenium自动化测试的基础。示例代码中演示了...

web前端基础学习笔记: ### Web前端基础学习笔记 #### 一、HTML ##### 1. HTML简介 - **网站与网页**: 网页是使用HTML标记语言编写的文件，用于描述同一范畴内的信息或数据。多个网页组成一个网站。 - **HTML**: 超文本标记语言，是一种...

韩顺平HTML课程笔记: ### 韩顺平HTML课程笔记知识点概览 #### 第一章 HTML介绍 ##### 1.1 基本概念 - **HTML**: 超文本标记语言（HyperText Markup Language），是构建网页的主要语言之一。 - **描述性文本**: HTML文档由一系列HTML...

iframe自适应内嵌页的高试,无srcoll: 标题中的“iframe自适应内嵌页的高试,无srcoll”指的是在网页设计中，如何使用`<iframe>`元素来内嵌外部页面，并确保它能够自适应容器大小，同时不显示滚动条，以实现更佳的用户体验。在这个场景下，开发者通常需要...

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

韩顺平.php从入门到精通笔记1: 5. Iframe的使用：`<iframe>`元素用于在现有文档中嵌入另一个文档，实现“画中画”效果。这对于展示嵌入式内容，如视频、地图或第三方应用非常有用。 6. 表单元素：表单是收集用户输入数据的关键，常用元素包括`...

前端笔记啦啦啦啦啦啦啦: 前端笔记啦啦啦啦啦啦啦一、JavaScript 基础知识 1. 函数定义：函数可以使用 function 关键字定义，也可以使用匿名函数方式定义。函数可以有多个参数，并且可以使用 rest 参数。 2. 变量作用域：在 JavaScript 中...

Dreamweaver网站制作笔记: 2. **防止网页被另存为**：使用`<noscript>`和`<iframe>`标签可以设置一个空的源，以防止用户通过“另存为”功能保存网页内容。 3. **IFRAME背景透明**：通过在`<iframe>`标签中设置`allowtransparency`属性，并在...

Dojo笔记，翻译整理的重点: 这篇笔记主要聚焦于Dojo的核心概念，包括AMD(Asynchronous Module Definition)、declare、iframe交互、查询选择器和xhr异步请求等方面，这些都是Dojo框架中的重要组成部分。 1. **AMD（异步模块定义）**：AMD是Dojo...

html语言标记大全学习笔记: 框架技术包括`<FRAMESET>`、`<FRAME>`、`<IFRAME>`，用于创建多窗口的网页布局，但不是所有浏览器都支持。`<MAP>`和`<AREA>`用于创建图像地图，定义点击区域链接。`<EMBED>`允许添加多媒体内容，如音频和视频。 ...

java项目学习笔记: - `DIV` 和 `iframe` 的样式设置，例如使用绝对定位(`position:absolute`)确保它们可以准确地显示在页面上的指定位置。 - `display:none` 属性使得这些元素默认是隐藏的，可以通过JavaScript控制它们的显示与隐藏。 ...

js笔记web前端开发: - **_filter**: 使用了 IE6 特有的滤镜来加载 PNG 图片，其中 `src` 属性指定了图片路径。 ### 二、禁用 Firefox 自动填充功能 #### 2.1 问题描述 - **问题描述**：在 Firefox 浏览器中，表单提交后重新加载页面时...

开发比笔记: 根据给定的信息，我们可以整理出以下几个关键的知识点： ### 1. iframe标签中设置iframe高度适中的方法 ...以上是关于`<iframe>`高度调整、MySQL分页查询以及AngularJS基础使用的一些知识点，希望对你有所帮助。

js菜鸟笔记之框架高度自适应_ekom.cn: 本文档主要介绍了如何使用 JavaScript 来动态调整`<iframe>`的高度，使其能够根据内部内容的高度变化而自动扩展或收缩。这种方法的核心在于监听`<iframe>`内容的变化，并通过 JavaScript 获取内部页面的实际高度，...

html学习笔记（含标签单词解释）: 3. `<source>`：定义媒体资源，与`<audio>`或`<video>`配合使用。 4. `<track>`：为视频或音频提供字幕、章节等定时文本轨道。七、HTML表单与交互元素 1. `<form>`：定义表单，`action`属性指定提交表单时的处理...

vue 3.0学习笔记(从入门到精通): 接着，使用`npm init vite@latest project --template vue`来创建一个新的Vite项目，并进入项目目录执行`npm install`安装依赖，最后运行`npm run dev`启动开发服务器。 Visual Studio Code (VSCode)是一款非常受...

jQuery内嵌iframe导航菜单.zip: 本篇文章将深入探讨如何使用jQuery实现内嵌iframe的导航菜单，同时涵盖CSS特效的运用，帮助你打造更为直观且吸引用户的网页界面。首先，我们需要理解jQuery的基本概念。jQuery简化了JavaScript的DOM操作，事件处理...

tutormagic：使用来自IPython代码单元的代码将pythontutor.com嵌入IPython笔记本中的IFrame中的IPython魔术: 安装完成后，需要在Jupyter Notebook中启用该扩展，可以使用Jupyter的魔术命令`%load_ext tutormagic`来加载。一旦启用，你可以使用`%%tutor`魔术命令来运行特定的代码单元格，并在浏览器窗口中以交互式的方式在...

韩顺平html，div+css视频听讲笔记: #### Iframe的使用及表单元素第六讲进一步探讨了 `<iframe>` 的应用以及表单元素的相关知识。`<iframe>` 标签用于在当前页面内嵌入另一个HTML页面，通常用于创建画中画的效果。例如： ```html <iframe src=...

Global site tag (gtag.js) - Google Analytics