`
lovewinner
  • 浏览: 52376 次
  • 性别: Icon_minigender_1
  • 来自: 保定
社区版块
存档分类
最新评论

jquery加载iframe完成后 触发事件

阅读更多

直接上代码~~~

$("#svgframe").attr("src","load_sysimg.jsp?equipid="+_sysimgurl)//svgframe是一个iframe,设置src属性进行加载iframe的内容
        
        //iframe加载完毕以后执行的事件
        $("#svgframe").load(  function(){
		alert('加载完毕')
         //
        })
 
分享到:
评论
1 楼 天使建站 2018-12-02  
看这里的这篇  方法更全 还有完整的实例:
http://www.aijquery.cn/Html/jqueryjiqiao/110.html

相关推荐

    JQUERY实现iframe页面切换功能

    `#switchBtn`是切换按钮的ID,你可以根据实际需求更改或添加其他触发事件。 为了提高用户体验,我们还可以添加一些过渡效果,比如淡入淡出。这可以通过jQuery的动画方法实现: ```javascript function switchPage...

    jquery如何实现在加载完iframe的内容后再进行操作

    总结一下,jQuery提供了方便的API来处理`iframe`的`onload`事件,使得我们可以在`iframe`加载完成后执行各种操作。在编写代码时,考虑到浏览器的兼容性问题,我们可以根据需要选择合适的事件绑定方式。通过这种方式...

    JQuery判断子iframe何时加载完成解决方案

    在iframe的场景中,这个事件处理函数会在iframe的内容完全加载后被触发。一旦load事件触发,开发者可以认为iframe已经加载完成,并且可以执行其他依赖于iframe内容的操作。 具体实现起来,我们可以先设置一个标志...

    Jquery实现iframe功能

    除了加载页面,我们还可以使用jQuery监听iframe的加载事件,以便在iframe内容加载完成后执行某些操作。这可以通过`load`事件来实现: ```javascript $("#myIframe").on("load", function() { console.log("iframe已...

    使用jQuery和ajax代替iframe的方法(详解)

    3. 在页面中加载内容:可以在页面加载完成后自动加载内容,也可以绑定事件,如按钮点击,来触发内容的加载。例如: ```javascript $(document).ready(function() { // 页面加载完成后,自动加载内容 $.ajax({ ...

    jquery点击按钮隐藏父页和引用页的iframe

    接下来,假设你有一个`iframe`元素,其`id`为`myIframe`,你可以在`iframe`内的子页面中编写JavaScript代码来响应按钮点击事件,并触发隐藏`iframe`的操作。在子页面的`<body>`标签中,添加一个按钮元素,并为其绑定...

    js,jquery懒加载demo

    在这个示例中,当页面加载完成后,所有带有 `lazy` 类的图片都会被 jQuery Lazy 插件监控,并在进入视口时自动替换 `data-src` 属性为 `src`,触发图片加载。 **jQuery 懒加载 demo** 在你提到的 "js,jquery懒加载...

    jQuery懒加载插件页面滚动加载数据代码

    jQuery懒加载插件是一种优化网页性能的技术,它允许我们在用户滚动页面时按需加载内容,而不是一次性加载所有数据。这种技术对于拥有大量图片、视频或动态数据的网页尤其有用,因为它减少了初始页面加载时间,提高了...

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

    在网页开发中,用户体验是至关重要的,尤其是在进行异步操作(如Ajax请求)或加载Iframe时,用户往往需要一个明确的反馈,告知他们系统正在进行后台处理。这个jQuery插件正是为了解决这个问题而设计的,它提供了一种...

    Jquery实现iframe弹出层,简单实用

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和动画效果。本主题将深入探讨如何使用jQuery实现一个简单的、实用的iframe弹出层。通过这个教程,您将了解到如何创建一个能够...

    jQuery获取iframe的document对象的方法

    在网页开发中,有时我们需要对嵌入的`iframe`(Inline Frame)中的内容进行操作,例如修改DOM元素、触发事件等。为了实现这样的功能,我们需要首先获取到`iframe`的`document`对象,因为`document`对象是HTML文档的...

    jquery tabs iFrame.docx

    </script>` 这段JavaScript代码在页面加载完成后执行,它初始化了`#expenseTabs`的tabs功能,并添加了一个cookie选项,使得用户关闭浏览器后,再次打开页面时仍能记住上次选择的标签。同时,`select`事件处理函数被...

    jQuery8种不同的懒加载loading效果

    1. 遮罩加载:在图片位置显示一个半透明遮罩,加载完成后移除遮罩并显示内容。 2. 点击加载:只有当用户点击元素时才加载内容,适用于非关键内容。 3. 分页加载:分页内容在用户滚动到底部时加载下一页。 4. 延迟...

    jQuery内嵌iframe导航菜单特效源码.zip

    本资源"jQuery内嵌iframe导航菜单特效源码"提供了一种实现方式,将导航菜单与内嵌的iframe框架结合,使得用户在点击菜单项时,可以在不刷新整个页面的情况下加载不同的内容。 这个源码的核心是利用jQuery选择器、...

    动态加载js、css等文件跨iframe实现

    1、动态加载js,css文件(用原生js和jquery) iframe结构: frame0(父) frame2(子) frame3(子) frame2中触发事件,动态的向frame3中 加载js、css文件和 dom元素? *同级之间可以调用,可以 通过 子-父-子 的方式...

    jquery tabs iFrame.pdf

    `tabsselect` 是 jQuery UI tabs 提供的一个事件,当用户切换到新的标签页时触发。在这个事件的处理函数中,可以通过 `ui.tab` 获取到被选中的标签页元素,`ui.panel` 是对应的面板(即 iframe),而 `ui.index` 则...

    捕捉IFrame SRC改变事件

    ### 捕捉IFrame SRC改变事件 在Web开发中,`<iframe>`(Inline Frame)是一种常用的元素,用于在当前网页中嵌入另一个独立的HTML文档。这为开发者提供了极大的灵活性,例如可以在主页面中加载不同的内容而无需刷新...

    Jquery方式获取iframe页面中的 Dom元素

    点击链接后,应该会在浏览器中看到一个弹出框,内容是“我是测试页面test”,这表明我们已经成功通过jQuery获取到了iframe中的DOM元素。 需要注意的是,使用jQuery操作iframe中的DOM时,必须确保iframe已经完全加载...

    懒加载jquery.lazyload.js

    5. **初始化插件**:在DOM加载完成后,使用以下代码初始化jQuery LazyLoad.js: ```javascript $(function() { $("img.lazy").lazyload(); }); ``` 在这里,`.lazy`是懒加载图片的CSS选择器,可以根据实际...

Global site tag (gtag.js) - Google Analytics