iframe加载后调用指定方法onload=““

最新推荐文章于 2024-01-08 14:37:21 发布
最新推荐文章于 2024-01-08 14:37:21 发布
阅读量472 收藏
点赞数
分类专栏： Web前端 js 文章标签： jsp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/fenyu8/article/details/118226673
版权 
				<%
					String strSRC = SystemPath.SYSTEMPATH+"/scripts/common/view/File_View_Template.jsp?viewid=8a487e707a31bc51017a31cbf5ca0002&condition=t.invoice_id='"+oFile.getFILEID()+"'";
				%>
				<iframe id="inv_desc" width="100%" height="300" frameborder="0" scrolling="no" src="<%=strSRC%>" title="<%=strSRC%>" onload="setButtonDisplay()"  style="margin:5px">
				</iframe>

js iframe是否加载完成，加载完成执行函数
weixin_33881050的博客
09-14 2225
2019独角兽企业重金招聘Python工程师标准>>> ...
iframe框架加载完成后执行函数
weixin_30509393的博客
08-11 1317
var iframe = document.createElement("iframe"); iframe.src = "http://www.baidu.com/"; if (!/*@cc_on!@*/0) { //if not IE iframe.onload = function(){ alert("框架加载完毕."); }; } else...
IE8、IE11浏览器对iframe内容加载完毕后的函数调用
sinat_29247277的博客
07-05 1021
//动态创建iframe并引入其中内容 var ifm = document.createElement("iframe"); ifm.id = "properties"; ifm.scrolling = "no"; ifm.src = url+"/pc/properties"; 后台跳转路径 @RequestMapping(value = ...
iframe中的onload事件
yongyafang123的博客
01-08 4755
iframe 标签中onload时间的执行多种情况
iframe 加载完成后回调事件(怎么判断iframe是否加载完成)
我的专栏
06-15 1万+
判断加载完成需在iframe的onload事件中处理。IE 支持 iframe 的 onload 事件，不过是隐形的，需要通过 attachEvent 来注册。
判断iframe加载完成、用于当ifame加载完成时执行一些操作
weixin_33922672的博客
06-23 404
window.frames["iframec"].addEventListener( "load", function(){ window.frames["iframec"].setFormValue(obj);//iframe加载完成时的操作 });IE iframe.attachEvent("onreadystatechange", function(){ //此事件...
js实现iframe跨页面调用函数的方法
12-11
在JavaScript中，实现iframe跨页面调用函数是一个常见的需求，特别是在构建复杂的Web应用程序时。当一个页面（父页面）嵌入了另一个页面（子页面）作为iframe时，有时需要在两个页面之间通信，调用各自的功能。下面...
iframe中子父类窗口调用JS的方法及注意事项
10-23
特别地，如果你使用了如EasyUI这类的库，其弹出窗口的iframe加载方式可能有特定的处理逻辑。在上面的文档内容中，提到了一个典型的例子：父窗口中嵌入了iframe来创建新用户信息的子页面。在用户点击保存后，子iframe...
判断iframe里的页面是否加载完成
09-04
// 当iframe加载完成后，执行此函数 console.log("加载完成"); // 如果需要在父页面中调用iframe页面的方法，可以这样操作 // 假设iframe页面有一个名为AddReceipt2的方法 if (iframeElement.contentWindow &...
javascript iframe内的函数调用实现方法
12-10
在实际开发中，确保`iframe`的加载完成后再尝试调用其内部函数是非常重要的。可以使用`onload`事件监听`iframe`的加载状态，确保函数调用不会因页面未完全加载而失败。例如： ```html <iframe id="sxm" src="sxmsxm...
iframe的onload在Chrome/Opera中执行两次Bug的解决方法
09-05
随后，由于`onload`事件处理函数已经存在，当`iframe`真正完成加载时，事件处理器再次被调用，从而造成了双次执行的问题。 解决这个问题的关键在于调整代码顺序，确保`iframe`先被插入到DOM中，然后再设置`src`属性...
html嵌套iframe如何实现等iframe页面加载完进行下一步调用
asartear的专栏
10-17 1万+
如果想在你的html里面显示一张图片，或者显示一个报表，经常会在里面嵌套iframe，当我们点查询报表时，在报表显示过程中，我们想做个遮罩层，提示等待...但是报表显示出来后，我们如何把遮罩层去掉，让报表更好的展示呢？ 我就用代码来解释一个例子吧： 这是在html的div里面嵌套一个iframe 发送url显示报表的js如下： var id ="#benefitnotic
iframe加载结束后执行
u014645827的博客
11-03 990
iframe加载结束后执行
Vue中使用iframe 、加载完成后回调事件
都已经是第二年的立春、又何必执着于、当年的盛​夏呢？
11-18 8791
iframe 加载完成后回调事件。
向iframe载入html,html嵌套iframe如何实现等iframe页面加载完进行下一步调用_html/css_WEB-ITnose...
weixin_31746149的博客
05-30 312
如果想在你的html里面显示一张图片，或者显示一个报表，经常会在里面嵌套iframe，当我们点查询报表时，在报表显示过程中，我们想做个遮罩层，提示等待...但是报表显示出来后，我们如何把遮罩层去掉，让报表更好的展示呢？我就用代码来解释一个例子吧：这是在html的div里面嵌套一个iframe发送url显示报表的js如下：var id ="#benefitnotice_report";showWai...
iframe 的onload事伯
康林工作室
08-07 3699
很多时候，我们会需要改变一个iframe的地址（src属性），或者使用表单(form)的target在指定的iframe进行提交后，在 iframe加载完毕(onload)时立即响应某个操作，以提高WEB应用程序的价值。本文讨论了跨浏览器的iframe onload事件的监听方法。如果你没时间去阅读全文，可以看解决方案的内容概要：同域的页面嵌套，最好的是让内嵌的页面调用父页面的函数，如
iframe加载完成事件
wangxiaonan
01-10 5772
load方法介绍： $(selector).load(function)
iframe的onload事件
热门推荐
qq_27009517的博客
07-14 1万+
很多时候，我们会需要改变一个iframe的地址（src属性），或者使用表单(form)的target在指定的iframe进行提交后，在 iframe加载完毕(onload)时立即响应某个操作，以提高WEB应用程序的价值。本文讨论了跨浏览器的iframe onload事件的监听方法。 如果你没时间去阅读全文，可以看解决方案的内容概要： 同域的页面嵌套，最好的是让内嵌的页面调用父页面的函数，如 window.parent.callparentFunctoin()。 如果是异域，或者子页面已存在且无法修改，
iframe的使用及方法调用
森海北屿 ღ
12-22 1万+
&amp;amp;amp;amp;lt;iframe&amp;amp;amp;amp;gt; 标签规定一个内联框架（即行内框架)。被用来在当前 HTML 文档中嵌入另一个文档。所有的主流浏览器都支持&amp;amp;amp;amp;lt;iframe&amp;amp;amp;amp;gt;标签。 1、常用属性： 属性 值 描述 name frame_name 规定 iframe 的名称 src URL 规定在 ifr
在iframe子页面加载完成后调用方法
最新发布
03-19
### 如何在 iframe 子页面 onload 完成后调用父页面方法 为了实现这一功能，可以利用 JavaScript 的 `window.onload` 和跨文档通信机制来完成。以下是具体的做法： #### 方法描述 当子页面（即嵌套在 `<iframe>` 中的内容）加载完成后，可以通过设置子页面中的 `window.onload` 事件监听器，在该事件触发时通过 `parent` 或 `window.parent` 对象访问并调用父页面的方法[^1]。 #### 实现方式 以下是一个具体的例子展示如何实现此需求： ##### 父页面 (main.html) ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Parent Page</title> <script type="text/javascript"> function parentMethod() { console.log('The child page has finished loading and called the method on the parent.'); } </script> </head> <body> <h1>This is the Parent Page</h1> <iframe id="myIframe" src="childPage.html"></iframe> </body> </html> ``` ##### 子页面 (childPage.html) ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Child Page</title> <script type="text/javascript"> window.onload = function () { // 当子页面完全加载完毕后，调用父页面上的方法 if (window.parent && typeof window.parent.parentMethod === 'function') { window.parent.parentMethod(); } else { console.error('Parent method not found or inaccessible'); } }; </script> </head> <body> <h1>This is the Child Page</h1> </body> </html> ``` 在这个示例中，一旦子页面成功加载，它会自动检测是否存在名为 `parentMethod` 的函数，并尝试在其父窗口上调用这个函数[^4]。 #### 注意事项 - **安全性考虑**: 如果父子页面位于不同的域上，则可能受到同源策略的影响而无法互相访问对方的对象或属性。 - **错误处理**: 应始终检查目标对象及其成员的存在性和可访问性，以防止运行期异常发生[^3]。 --- ###
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值