`
yamaru
  • 浏览: 89254 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
社区版块
存档分类
最新评论

动态创建的iframe onload事件

    博客分类：
  • DOM
IE浏览器 
阅读更多
动态创建的iframe onload事件时，指定onload时间方法应该在指定src或者location.href之前，比如： 
var iframe = document.createElement("iframe");
iframe.onload = function() {
alert("loaded");
}
iframe.src = "http://yamaru.iteye.com";


如果这样写，浏览器不会有任何反应 
var iframe = document.createElement("iframe");
iframe.src = "http://yamaru.iteye.com";
iframe.onload = function() {
alert("loaded");
}

分享到：
| Debian/ubuntu下mysql默认只能从本地连接 ...
评论
2 楼 letle 2008-12-18  
ie需要用到onreadystatechange
1 楼 冯冀川 2008-08-05  
前者适用于IE，后者适用于非IE浏览器
发表评论

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

相关推荐

    iframe如何动态创建及释放其所占内存

    // 绑定onload事件 if (onload && typeof onload === 'function') { if (iframe.attachEvent) { // 兼容IE8及以下版本 iframe.attachEvent('onload', onload); } else if (iframe.addEventListener) { // 支持...

    iframe自适应高度js demo

    这样，当`iframe`中的页面加载完毕时，`onload`事件会触发`setIframeHeight`函数，从而自动调整`iframe`的高度至内容的完整高度。 然而，需要注意的是，由于同源策略的限制，如果`iframe`加载的页面与父页面不在同...

    iframe自适应子页面内容高度

    在网页开发中，`iframe...3. 动态调整：在父页面中监听事件，接收到高度信息后更新`iframe`的高度。 通过以上方法，我们可以创建一个流畅的用户体验，让用户在浏览页面时无需滚动主页面就能查看`iframe`中的全部内容。

    js的onload事件及初始化按钮事件示例代码

    JavaScript中的`onload`事件是网页或特定元素加载完成后触发的事件，主要用于执行某些操作，如显示内容、执行脚本等。这个事件在多种HTML标签上都可用，包括`<body>`、`<frame>`、`<frameset>`、`<iframe>`、`<img>`...

    js iframe 打印 打印预览 页眉页脚的设置

    1. 创建iframe： 在JavaScript中，可以通过`document.createElement('iframe')`创建一个iframe元素。然后，为其设置`src`属性，指向需要打印的页面URL，或者将其`contentDocument`或`contentWindow`指向一个包含HTML...

    js实现iframe自适应高度

    在网页开发中，`iframe`（Inline Frame）是一种嵌入其他网页的标签，常用于页面模块化、加载外部内容或创建多窗口体验。然而，`iframe` 的一个常见问题是其内容区域的高度可能超过其本身的显示区域，导致滚动条出现...

    iframe高度自适应，多浏览器兼容

    2. **IE8**：虽然支持`contentWindow`和`contentDocument`，但没有`MutationObserver`，所以需要在`window.onload`或`iframe.onload`事件中处理高度自适应。 3. **Firefox**：Firefox通常能较好地处理`iframe`，但...

    通过JavaScript+IFRAME实现页面分屏加载

    - **动态创建IFRAME**：使用 `document.createElement('iframe')` 创建IFRAME，并设置其属性。 - **插入IFRAME**：将IFRAME插入到DOM的适当位置，例如 `document.body.appendChild(iframe)`。 - **设置IFRAME源**：...

    IFrame简单例子

    2. **尺寸调整**：使用`resize`和`onload`事件动态调整IFrame的大小以适应内容。 3. **CSS和JavaScript交互**：可以通过`window.parent`对象与父页面进行通信，实现样式和脚本的交互。 ### 注意事项 - 使用IFrame...

    html iframe

    不过，有一些例外，比如`srcdoc`属性可以用来在`iframe`中动态创建内容，或者`sandbox`属性可以创建一个沙盒环境，限制`iframe`的行为。 2. **命名与通信**：`iframe`可以通过`name`属性来命名，便于通过`window....

    unigui_网页iframe交互

    - JSONP（JSON with Padding）：如果跨域问题存在，可以使用JSONP技术，通过动态创建script标签实现非同源策略限制的跨域通信。 4. 安全与优化： - 跨域安全：确保在进行跨域交互时遵循同源策略，以防止恶意攻击...

    iframe自升高

    一种常见的方式是通过JavaScript监听`iframe`内的事件，如`window.onload`或`window.resize`，然后通过`parent.postMessage`进行跨域通信，通知父页面调整`iframe`的高度。以下是一个简单的示例： ```javascript // ...

    iframe 跨域 自动适应高度

    当`iframe`加载的页面高度不确定时，我们需要动态调整`iframe`的高度以适应内容。由于跨域限制，我们不能直接获取子页面的DOM信息，但可以通过以下策略实现： - **使用代理页面** 创建一个与父页面同源的代理...

    HTML经典教材-iframe详细介绍

    通过动态调整`iframe`的高度，我们可以创建更加流畅、无滚动条的用户体验。在JSP和Java环境中，可以利用服务器端的编程能力来辅助实现这一功能。理解并熟练运用`iframe`，能让你在网页设计和开发中更加得心应手。

    iframe 的使用

    1. **动态内容展示**：Iframe 可以用来加载外部网站的内容，如广告、统计代码等，这些通常会经常更新，通过 Iframe 可以避免每次更新都需要修改主页面。 2. **内容隔离**：使用 Iframe 可以将一些不希望直接与主页面...

    iframe自适应高度的简单解决办法

    此外，还可以利用`postMessage`和`message`事件进行跨域通信，动态调整`iframe`的高度。在父页面中发送消息，`iframe`页面监听消息并响应，从而更新自身高度。这种方式适用于处理跨域的`iframe`。 ```javascript //...

    js操作iframe的一些知识

    然后，你可以通过JavaScript的DOM操作方法动态创建或修改iframe，例如`document.createElement('iframe')`创建一个新的iframe，再通过`appendChild()`添加到页面上。 2. **获取iframe引用**：要操作iframe，首先...

    js操作iframe的一些方法介绍

    大部分现代浏览器如Chrome、Firefox等都支持在iframe上绑定onload事件，例如通过document.createElement方法动态创建iframe元素，并为其设置onload事件处理函数。然而，IE浏览器不支持通过这种方式绑定onload事件，...

    javascript iframe parent？

    总结，JavaScript中的iframe与parent通信是Web开发中的关键技术，涉及到跨域策略、事件监听和安全措施等多个方面。理解和熟练掌握这些技术对于创建动态、交互性强的网页应用至关重要。在实际项目中，我们需要根据...

    网页制作中Iframe自适应高度的解决办法

    然而，Iframe的高度自适应往往是一个棘手的问题，因为如果内容动态加载或者不同长度，Iframe默认的高度可能无法适配，导致滚动条出现或者内容被截断。本文将深入探讨如何解决Iframe自适应高度的问题。 首先，我们...

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