jquery监听iframe加载事件，js监听页面加载完成事件

jquery,iframe,如何在父窗口监听,子窗口发生改变时,父窗口获取子窗口的...

1、可以在子窗口页面中通过window.opener来获取父窗口对象，获取之后子窗口便可以对父窗口执行刷新，传值等操作。

2、既然你用jQuery了，为什么还要用getElementById()来获取元素？况且，获取iframe中元素也没这么麻烦啊 (#id_iframe).contents().find(#id_button_test)；这不就好了。

3、调试方法建议： 调试的时候，对于jquery获取到的对象，使用console.log打印出来，看看是不是真的取到了。 如果没有取到，看看css选择器是不是写的不对。

4、再新建一个child.html页面，如图，展示一个id=link的div标签，和link的点击事件，因为是调用父级方法，所以需要用到window.parent.pop()方法。

相关问答

Q1: js中监听iframe点击事件

1、要给iframe添加click事件，而且iframe不能跨域。

2、你说的锁屏是指屏蔽掉用户的所有操作吧，在主页面创建一个绝对定位的div，盖住所有的元素，就能屏蔽掉鼠标事件了，再把焦点设置下，不要在某个输入框内，就不能输入了。

3、在父页面里定义一个方法，例如function aaa(){}在子页面里通window.parent.aaa()调用父页面中的方法。子页面不能写代码，要给出子页面中按钮具有什么规则。

4、frames(iframename).document)②js 在父页面获取iframe子页面元素代码如下：window.frames[iframe_ID].document.getElementByIdx_x(元素id)；以上两种都能获取到子页面中的元素，再根据元素去获取元素的值就可以了。

5、方法如下：当在段落上按下鼠标按钮时执行一段 JavaScript：p onmousedown=mouseDown()请点击此文本！/p 定义和用法 onmousedown 属性在鼠标按钮在元素上按下时触发。

Q2: 怎么让iframe延时加载?

使用SetInterval和设定延时函数setTimeout 很类似。setTimeout 运用在延迟一段时间，再进行某项操作。

优化页面内容：确保嵌入的iframe页面内容和资源的加载速度尽可能快，可以通过压缩CSS和JavaScript文件、使用CDN加速等方式来提升加载速度。

原理基本上都是向DOM中写入script或者通过eval函数执行JS代码，你可以把它放在匿名函数中执行，也可以在onload中执行，也可以通过XHR注入实现，也可以创建一个iframe元素，然后在iframe中执行插入JS代码。

用cookie记录加载时间，判断当前时间与加载时间差距，若超过24小时（1天）时加载，并同时更新加载时间。

CSS隐藏iframe：通过将iframe隐藏起来，可以避免用户看到页面的切换过程。在加载完成之后再显示出来，可以减少页面的闪烁。加载iframe页面：在页面加载过程中，通过设置iframe的src属性来预加载网页内容。

在ie11上不太行，试了网上那些contentWindow.location.reload也不行，历滑干脆把iframe元素删掉再加上一个。iframe里面是一个vue项目，要iframe背肢搏腊景透明，在iframe里面的页面的body上加了background：transparent。

Q3: 关于iframe的一些知识

(1)巧用IFRAME布局 巧用iframe加快网页打开速度。如果网页上插入一些广告代码，又不想让这些广告网站影响 度的话，那么，使用iframe最合适不过了。

iframe基本知识：iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。在HTML 1 Strict DTD 和 XHTML 0 Strict DTD 中，不支持 iframe 元素。

iframe会阻塞主页面的onload事件；iframe和主页面共享连接池，而浏览器对相同域的连接有限制，所以会影响页面的并行加载。，会产生很多页面，不容易管理。

使用iframe的页面一般不会包含太多iframe，所以创建DOM节点所花费的时间不会占很大的比重。但带来一些其它的问题：onload事件以及连接池(connectionpool)。不让你用是因为你用了这个不利于百度的收录，百度是不收录框的。

与 IFRAME 元素一起使用的 ALLOWTRANSPARENCY 标签属性必须设置为 true。在 IFRAME 内容源文档，background-color 或 BODY 元素的 BGCOLOR 标签属性必须设置为 transparent。

Q4: 如何监控iframe里面页面的点击事件

src属性。标签用于在网页中创建一个内联框架，可以显示其他网页或文档的内容。src属性用于指定要在框架中显示的页面的地址。

那么外层的JS。就不能跟这个iframe中的内容互操作（或者通信）。因此外层Runtime中的JS想操作内层iframe中的内容，就必须要避免跨域限制。要么内层iframe加载页面的域名跟外层是一样的。

如果不是调用$(#idoftab).remove()； 单独打开子页面或者父页面，在关闭页面的时候都会弹出确认对话框。 我大概都尝试了下，快要逼疯了。实在不行就在$(#idoftab).remove()；之前 弹出对话确认下。

关于jquery监听iframe加载事件和js监听页面加载完成事件的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。