`
西门吹牛
  • 浏览: 227243 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

iframe加载测试

XHTMLHTMLF# 
阅读更多 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>

</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<body>

<div id="f">

</div>
<input type="button" onclick="showinfo()" value="button"/>
</body>
</html>
<script  language="javascript" type="text/javascript">
var p = document.getElementById("f");
var iframe=document.createElement("iframe");
iframe.src="12.html";
iframe.name="fname";

if(iframe.attachEvent){
    iframe.attachEvent("onload",function (){
        alert("loaded");
    });
}else{
    iframe.onload=function (){
        alert("loaded");
    }
}
p.appendChild(iframe);
function showinfo(){
    alert(document.frames["fname"]);
}
</script>
分享到：
| 闭包学习之我的理解
评论
发表评论

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

相关推荐

    iframe加载时白块及刷新白色背景问题解决

    在使用iframe时，iframe背景为白块，刷新时也会闪过白块。如果刷新时间长，就会一直出现白块，让人很烦恼，通过网上搜资料，测试很多依然没有效果，最终解决方法如下所示,注意主要针对IE浏览器测试。

    测试iframe

    `iframe`常用于实现页面的模块化、加载外部应用、广告嵌入、视频播放等场景。在本话题中，我们将深入探讨`iframe`的相关知识点。 1. **`iframe`基本结构** `iframe`标签的基本使用方式如下： ```html &lt;iframe ...

    测试iframe全

    在这个"测试iframe全"的场景中，可能包括创建不同类型的`iframe`测试，比如跨域加载、沙盒测试、动态调整大小、安全设置验证等，以全面掌握`iframe`的使用。同时，文件列表中的"helloworld"可能是测试项目的一个起点...

    jquery插件:ajax和iframe加载提示效果

    2. **Iframe加载提示**：对于嵌入的Iframe，如果其加载时间较长，插件同样能提供加载指示，确保用户理解内容正在逐步加载，而不是页面出现问题。 3. **自定义样式**：插件允许开发者根据自己的需求定制加载提示的...

    iframe 异步加载技术及性能分析

    【iframe异步加载技术】 ...同时，可以使用工具如WebPageTest进行性能测试，评估不同加载方法的实际效果。对于那些非关键内容，优先考虑在`onload`后或异步加载，以提升页面整体的加载速度和用户体验。

    js获取控制iframe中iframe的src

    js控制/获取a.html中iframe加载的b.html中的iframe，很多人都以为getElementById可以直接获取，其实不行的，以上代码就解决了这个问题，js控制iframe加载页面的iframe，不过测试只在IE和火狐通过，谷歌不行，其他自...

    iframe内容页白块及刷新白色背景问题解决

    iframe内容页白块及刷新白色背景问题解决，在IE6，IE9上测试通过。

    JS加载iFrame出现空白问题的解决办法

    总结来说，针对IE6浏览器中使用JavaScript加载iframe时出现的空白问题，可以通过以下方法解决：利用`setTimeout`进行延迟加载、动态修改iframe的`src`属性、使用`document.frames`来控制iframe加载，以及通过控制...

    解决双iframe互相刷新进入死循环的问题

    4. **设置计数器或延迟**：为每个iframe加载设置一个计数器或延时，如果在一定时间内或达到一定重载次数后仍然没有停止，就阻止进一步的重载。 5. **使用独立的控制层**：创建一个外部的控制层（如JavaScript对象或...

    js调用-嵌入iframe

    - **加载顺序**：确保主页面的JS代码在IFrame加载完成后执行，否则可能无法正确获取或操作IFrame内容。 - **异步加载**：若IFrame的内容是异步加载的，可能需要监听`load`事件来确保内容已完全加载。 - **同步问题**...

    C#判断webbrowser页面最终加载完成

    1. **等待所有iframe加载**：检查`WebBrowser.Document.Window.Frames.Count`，如果存在多个框架，我们需要监听每个框架的`DocumentCompleted`事件，确保所有框架内的页面都已完成加载。 2. **监听`ProgressChanged...

    html 网页加载

    - 加载外部资源会增加页面加载时间，特别是当`&lt;iframe&gt;`内容较大时更为明显。 - 可以通过异步加载等方式优化加载性能。 4. **安全问题**： - 需要确保嵌入的内容来自可信任的源，避免潜在的安全风险。 - 使用`...

    Flex项目Google IFrame使用

    确保提供的URL是有效的，并且支持跨域访问，因为浏览器的安全策略可能阻止IFrame加载来自不同源的内容。如果需要跨域，可以使用CORS（跨源资源共享）设置。 3. **渲染问题**：在某些情况下，IFrame可能由于渲染问题...

    iframe简单应用

    这样，用户点击查询按钮后，就会在页面中看到iframe加载的内容。 **注意事项** 1. **兼容性**：虽然现代浏览器都支持iframe，但需要注意老版本的IE浏览器可能存在兼容性问题。 2. **安全性**：跨域策略限制了...

    javascript应用：Iframe自适应其加载的内容高度

    ### JavaScript应用：Iframe自适应其加载的内容高度 在现代Web开发中，`&lt;iframe&gt;`是一种常见的HTML元素，用于在当前文档中嵌入另一个HTML文档。然而，当嵌入的内容高度动态变化时，如何使`&lt;iframe&gt;`的高度自适应...

    Iframe交互语法

    1. **src**：指定Iframe加载的URL。 2. **width**和**height**：设定Iframe的宽度和高度。 3. **name**：给Iframe命名，便于通过JavaScript进行引用。 4. **sandbox**：提供安全环境，限制Iframe内的脚本执行，例如...

    iframe弹窗工具类

    3. **事件处理**：为了与`iframe`进行交互，工具类可能会包含事件监听器，例如`load`事件，当`iframe`中的内容加载完成时触发回调函数。此外，还可能有`error`事件处理程序，以应对加载失败的情况。 4. **参数调整*...

    iframe实时高度检测

    当`iframe`中的内容动态加载或变化时，如用户滚动、数据异步加载等，原始设定的固定高度可能无法满足需求。因此，我们需要一个机制来实时检测`iframe`内部页面的高度，并动态调整`iframe`及父页面的高度，以实现...

    iframe实例

    - `iframe`内容的加载可能受到同源策略的限制，即`iframe`加载的页面必须与包含它的页面有相同的协议、域名和端口，除非服务器明确允许跨域访问。 总结来说，`iframe`是HTML中一个强大的工具，它能够帮助我们实现...

    iframe显示全部内容代码

    使用JavaScript监听`iframe`的加载事件，并根据其内部文档的实际高度来调整`iframe`的高度。这一步是实现自适应高度的关键。 2. **隐藏滚动条**： 通过设置`iframe`的`scrolling`属性为`no`来隐藏滚动条。 ####...

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