当前位置: 首页 > 面试题库 >

jQuery iframe load()事件?

葛炯
2023-03-14
问题内容

有谁知道这件事吗?

我有一个要插入的iframe,$.ajax()在iframe的内容完全加载后,我想做一些事情:

....
 success: function(html){  // <-- html is the IFRAME (#theiframe)
          $(this).html(html);   // $(this) is the container element
          $(this).show();
          $('#theiframe').load(function(){
             alert('loaded!');
          } 
....

它可以工作,但是我看到IFRAME加载了两次(警报也显示了两次)。


问题答案:

如果可能的话,最好处理一下loadiframe文档中的事件,然后调用包含文档中的函数。这样的优点是可以在所有浏览器中运行,并且只能运行一次。

在主文件中:

function iframeLoaded() {
    alert("Iframe loaded!");
}

在iframe文档中:

window.onload = function() {
    parent.iframeLoaded();
}


 类似资料:
  • 很多企业在使用诸葛io时,会采集和分析数量非常多(可能会多达几百上千)的用户行为事件。这时,事件查找和组织就变得不够方便。 为此,诸葛io提供了事件分组和重要事件(星标事件)标注功能,当事件很多时,可以对事件进行分门别类地管理。同时,可以从产品业务角度将重要的用户行为标注出来,以便可以在分析时方便、快捷地查找常用、重要的事件。 一、使用场景 1. 在众多事件中,方便、快捷地查找重要事件 在分析过程

  • 事件流 三个过程: 从window对象向下到触发元素的父级元素是捕获过程; 然后触发相应事件 从当前触发事件的节点的父节点开始向上冒泡,冒泡到顶层的window对象 capture phase 捕获过程 target phase 触发过程 bubble phase 冒泡过程 冒泡与捕获 <!DOCTYPE html> <html> <head> <meta charset="utf-8

  • ConnectionMultiplexer 类型提供了许多事件可以用来理解被封装的底层是怎幺工作的。这在记录日志时会特别有用。 ConfigurationChanged - 当连接的配置从 ConnectionMultiplexer 内部发生修改时触发 ConfigurationChangedBroadcast - 当经由发布/订阅接收到重新配置消息时引发; 这通常是由于 IServer.Make

  • 简介 Lumen 事件提供了简单的侦听器实现,允许你订阅和监听事件,事件类通常被保存在 app/Events 目录下,而它们的侦听器被保存在 app/Listeners 目录下。 不同于 Laravel 通常,Lumen 中的事件方法恰好与 Laravel 全栈框架功能一致,所以,请阅读完整的 Laravel 文档 。Lumen 同样支持事件广播,它允许客户端的 JavaScript 监听服务端的

  • xorm 支持两种方式的事件,一种是在 Struct中的特定方法来作为事件的方法,一种是在执行语句的过程中执行事件。 在Struct中作为成员方法的事件如下: BeforeInsert() 在将此struct插入到数据库之前执行 BeforeUpdate() 在将此struct更新到数据库之前执行 BeforeDelete() 在将此struct对应的条件数据从数据库删除之前执行 func Bef

  • 模板事件 BeforeRender方法 AfterRender方法 Action事件 Init方法 Before方法 After方法 Action的方法可以有不同的返回值。不同的返回值所对应的输出也不相同: 如果返回值为error,则检查error是否为nil,如果不为nil,则输出错误信息 如果返回值为string,则将string写到body 如果返回值为[]byte,则输出二进制数据。

  • 在初始化时传入,也可通过实例方法”on”进行事件注册。 作为初始化参数时需要以on开头且全为小写,绑定时为驼峰命名。 不同的回调方法由于所处场景不同,传入的参数会存在区别。 示例: var S = new iSlider({..., onslidechanged: callBack, ...}); S.on('slideChanged', callBack); initialize 初始化开始(

  • 事件流 方式 传递方向 捕获 document ---> html ---> body ---> 目标对象 冒泡 目标对象 ---> body ---> html ---> document 事件模型 模型 绑定方式 阶段 DOM 0 级 <button onclick=""> 或 button.onclick = function() {} ​ IE 特有 button.attachEvent(