iframe加载测试 - - ITeye博客

`

西门吹牛

浏览: 226388 次
性别:
来自: 天津

最近访客更多访客>>

liuyao520830

fxstiandi

5180466

392091

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

wang263574375：楼上的能不能配置一个简单的例子出来
spring mvc前台时间字符串到后台Date的转换
tss0823： ...
spring mvc前台时间字符串到后台Date的转换
贝特虫子：管用，谢谢！
oracle行转列
songlingjie：不错，受用了，也是初学，赞一个
一篇很全面的freemarker教程
zjfshowtime：是篇好文章，按照文章做了很多demo，学到了很多东西，子这里谢 ...
一篇很全面的freemarker教程

iframe加载测试

博客分类：

前端

阅读更多

<!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>

分享到：

java执行JavaScript代码 | 闭包学习之我的理解

2010-10-12 20:07
浏览 905
评论(0)
分类:Web前端
查看更多

评论

发表评论

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

相关推荐

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

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

iframe 异步加载技术及性能分析: 使用iframe是因为他可以和主页面并行加载，不会阻塞主页面。当然使用iframe也是有利有弊的：Steve Souders在他的blog里面有阐述：Using Iframes Sparingly: iframe会阻塞主页面的onload事件主页面和iframe共享同一...

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

iframe自适应高度（兼容目前所有主浏览器): 传统的解决方法有两种：一是每个被包含页在内容加载完毕之后，执行 JS 取得本页面的高度，然后去同步父页面的 iFrame 高度；二是在主页面 iFrame 的 onload 事件中执行 JS，去取得被包含页的高度内容，然后去同步...

karma-iframes:使您可以在单独的上下文中运行每个测试，并以iframe的形式加载: 它是一个Karma插件，可让您在单独的上下文中运行每个测试，并作为iframe加载。本质上，它将允许您将一组文件指定为在单独的上下文中运行。以这种方式指定的测试将在新的iframe中运行，并与由此指定的所有其他...

pdf-viewer：在iframe中查看pdf文件，在主机中获取突出显示和图像: 如果进行编辑，页面将重新加载。您还将在控制台中看到任何棉绒错误。 yarn test 在交互式监视模式下启动测试运行程序。有关更多信息，请参见关于的部分。 yarn build 构建生产到应用程序build文件夹。它在生产...

Prefetcher:将文件预取到隐藏的 iframe 中，通过浏览器缓存加快用户体验: 将文件加载到隐藏 iframe 中的简单脚本（因此您的当前页面不受影响），以通过浏览器缓存加快用户体验。用法将 Prefetcher 脚本加载到您的页面中：[removed][removed] 通过在数组中分配要预取的文件来初始化预取器...

jQuery解决iframe高度自适应代码: 网上查了好多用着都不行，自己搞定了：在包含iframe的页面中加入以下脚本，基本思想是在iframe加载内容后重新设置高度，下面代码尽在IE6中用过，没在其他浏览器中测试。

js如何设置在iframe框架中指定div不显示: 测试</title> [removed] function getStyle() { if (window.top == window.self) { document.getElementById(“top”).style.display = ‘block’; } else { document.getElementById(“top”).styl

原生JS实现首页进度加载动画: 于是我就写了个演示页面，在body里加了个iframe来加载大一点的网站，这样就看出效果了！用Safari打开貌似CSS动画的播放时间变成同步了，不知道什么原因，本地测试又没问题（请大神指点！），用Chrome、Firefox...

kibana-iframe：iframe中的Kibana仪表板: 如果进行编辑，页面将重新加载。您还将在控制台中看到任何棉绒错误。npm test 在交互式监视模式下启动测试运行程序。有关更多信息，请参见关于的部分。npm run build 构建生产到应用程序build文件夹。它在生产...

iframe_sidebar:chrome扩展程序，它将您选择的任何URL的侧边栏插入当前页面: 要测试扩展程序，请转到chrome：// extensions /，确保选中了“开发人员”模式，选择加载解压缩的扩展程序，然后浏览至更新后的文件。加载任何新页面（非https，除非您的菜单也是https），然后点击扩展程序图标。 ...

iframe跨域与session失效问题的解决办法: 第三方session/cookie指的是当前访问的网站中会加载（嵌入）另外第三方的网站代码，例如促销广告，那么第三方网站也会在访客的计算机上添加session/cookie，这种就是第三方session/cookie。我的问题在开发讯息...

test-iframe-comm-with-post: iframe-container是包含加载iframe-content的<iframe>的页面。这将运行一个使用 AngularJS v.1.2.26 构建的脚本。 post-office项目是两个项目都使用的通用功能。安装和设置 1.主机文件将此条目添加到您的...

MiniUEditorDotNet控件专版源码 v1.0: UM的主要特点就是容量和加载速度上的改变，全版本的代码量为125k，而且放弃了使用传统的iframe模式，采用了div的加载方式，以达到更快的加载速度和零加载失败率。现在UM的第一个使用者是百度贴吧，贴吧每天几亿的pv...

WINDOWS IE10: 日前，微软面向网站开发人员发布了IE10平台预览第2版（IE10 Platform Preview 2，简称IE10 PP2），开发者可以对于新标准和新技术进行测试，从而...开通sandbox，保护通过iframe加载内容的安全性，比如cookies等信息。

hqy-lazyload:一种快速，轻量级的纯JavaScript脚本，用于延迟加载和提供多张图片，iframe，视频等内容: hqy-lazyload在每月有数百万访问者的大型网站上使用，因此已在现实世界中进行了测试。 hqy-lazyload用纯JavaScript编写，为什么它不依赖于jQuery等第三方库。 hqy-lazyload非常快。它着重于性能，为什么它在完成...

iframe-cookie: 如果您进行编辑，则页面将重新加载。您还将在控制台中看到任何棉绒错误。 yarn test 在交互式监视模式下启动测试运行器。有关更多信息，请参见关于的部分。 yarn build 构建生产到应用程序build文件夹。它在...

lazy-loading-responsive-images:WordPress插件，用于延迟加载图像。适用于自适应图像并使用lazysizes: 懒加载器贡献者： FlorianBrinkmann，MarcDK 捐赠链接： : 标签： lazysizes，延迟加载，性能，图像至少需要： 4.9.8 经测试至： 5.7 稳定标签： 7.2.2 需要PHP： 7.0描述延迟加载插件，支持图像，iFrame，视频和...

Global site tag (gtag.js) - Google Analytics