页面加载与iframe加载函数

<head>

<script>

$(document).ready(function(){

　　alert("a");
   var wait = document.getElementById("wait");
   if(wait) wait.style.visibility="hidden";
   $("iframe").load(function(){

　　alert("b");
    var wait = document.getElementById("wait");
    if(wait) wait.style.visibility="hidden";
   });
  });

</script>

<head>

<body>

<iframe src="url">

</body>

---分析上方代码

1.页面加载完后执行alert("a");同时给iframe绑定事件。但不执行alert("b");原因，页面加载完时，iframe已加载完毕。待更iframe

的url时（不重新加载整个页面，即不执行alert（“a”）），会执行alert("b");

2.如果将 $("iframe").load(function(){

　　alert("b");     var wait = document.getElementById("wait");     if(wait) wait.style.visibility="hidden";    });其放单<body>标签<iframe>标签后

会执行alert("b");    由于在iframe未加载完时就已经绑定了事件。

时间： 2024-11-04 19:24:02

页面加载与iframe加载函数的相关文章

转：iframe加载的子页面里面获取父级元素窗口以及元素的高度

iframe里的js要操作父级窗口的dom,必须搞懂几个对象: parent是父窗口(如果窗口是顶级窗口,那么parent==self==top) top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe) self是当前窗口(等价window) 父级页面:index.html <!doctype html> <html> <head> <meta charset="utf-8"> <title>父窗口<

从加载CNZZ不成功导致全页面Js失效看iframe的弊端

一.iframe 阻塞 onload window的onload事件要等页面中所有内容加载完成,包括所有iframe加载完成以后才会运行,所以会给用户带来很大的"误解",万一当iframe加载过慢,会让用户感觉网站速度很慢. 解决方案:用javascript动态的给iframe赋值. 二.链接池 对每个 web 服务器来说,浏览器只打开极少的几个连接数.老的浏览器,包括 IE 6/7 和 Firefox 2,每个主机只有2个连接.在新的浏览器中,连接数增加鸟.Safari 3+ 和 O

addLoadEvent.js 不管在页面加载完毕执行多少个函数，都应付自如

function addLoadEvent(func){    //不管在页面加载完毕执行多少个函数,都应付自如 var oldonload = window.onload; if(typeof window.onload != 'function'){ window.onload = func; }else{ window.onload = function(){ oldonload(); func(); } } }

saiku - 配置spring-security 允许 iframe加载saiku首页

最近提出了一个需求:在一个iframe中展现saiku首页 呵呵,这还不简单. 直接<iframe src="http://localhost:8080/saiku" /> 套进去不就完事了吗..我真是个天才.. 结果:呜呜...报错啦... 错误提示:Refused to display 'http://localhost:8080/saiku/' in a frame because it set 'X-Frame-Options' to 'DENY'. header里

判断iframe加载完成、用于当ifame加载完成时执行一些操作

window.frames["iframec"].addEventListener( "load", function(){ window.frames["iframec"].setFormValue(obj);//iframe加载完成时的操作 }); IE iframe.attachEvent("onreadystatechange", function(){ //此事件在内容没有被载入时候也会被触发,所以我们要判断状态 /

jsp页面中的代码执行加载顺序介绍（转）

原文出处:http://www.3lian.com/edu/2014/01-10/123053.html 本篇文章主要是对jsp页面中的代码执行加载顺序进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助 1. java是在服务器端运行的代码,jsp在服务器的servlet里运行,而javascript和html都是在浏览器端运行的代码.所以加载执行顺序是是java>jsp>js. 2. js在jsp中的加载顺序 页面上的js代码时html代码的一部分,所以页面加载的时候是由上而下加

iframe加载onload之坑

需求:点击按钮,下载一个文件,由于种种原因,需要借助iframe实现. 实现:点击按钮往页面上append一个iframe,将iframe的src设置为文件的url路径,实现下载.如果url不对或文件下载失败,提示下载失败. 畅想:iframe.onload=function(){ //下载成功:}      iframe.onerror = function(){ //下载失败 } 问题:想的挺好,可惜浏览器有意见.经测试,火狐及chorme都不支持onerror事件,而且,不管iframe加

JS iFrame 加载慢怎么解决

在项目中经常要动态添加iframe,然后再对添加的iframe进行相关操作,有时候会遇到iframe加载很慢什么原因呢,该如何解决呢?带着这个问题一起通过本文学习,寻找答案吧! aaa.html <HTML> <HEAD> <TITLE>aaa</TITLE> </HEAD> <BODY> <IFRAME src="bbb.html" name=bbb width="100%" heigh

javscript 实现iframe加载内容页出现LOADING效果

<div id="load" align="center"> <img src="http://sc.cnwebshow.com/upimg/allimg/070707/01294420.gif" /> loading </div> <!-- 首先放一个div,用做loading效果 --> <iframe id="demo" src="http://www.**