# 实现 iOS iframe onload
## 简介
在 iOS 开发中,如果需要在 WebView 中加载一个网页,并在网页完全加载完成后执行一些操作,可以使用 iframe 的 onload 事件。本文将为刚入行的开发者介绍实现 iOS iframe onload 的步骤和相应的代码。
## 步骤概览
以下是实现 iOS iframe onload 的步骤概览:
| 步骤 | 描            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-01-07 04:42:09
                            
                                136阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            事件绑定:有三种常用的绑定事件的方法: 
  1、在DOM元素中直接绑定; 
 javascript 
  3、绑定事件监听函数。 
 1、在DOM中直接绑定事件 
  我们可以在DOM元素上直接绑定事件 
 例如: <input type='button' value='click me' οnclick='hello()'> <script> function hell            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-22 10:22:11
                            
                                102阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            很多时候,我们会需要改变一个iframe的地址(src属性),或者使用表单(form)的target在指定的iframe进行提交后,            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2011-12-19 09:47:00
                            
                                525阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            iframe的onload事件监听
 
iframe的onload事件监听比较麻烦,浏览器注册事件监听的方式也不一样,下面是一个通用的监听方式。
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"                    
                
                    
                        
                                                            
                                                                        
                                                                推荐
                                                                                        原创
                                                                                    
                            2011-01-18 22:49:14
                            
                                10000+阅读
                            
                                                        
                                点赞
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            昨天遇到一个关于iframe的问题,比如a页面中嵌入了一个iframe称为a_iframe,如果直接在a_iframe的标签上直接加入属性的设置,onload=’’,这样才onload事件才是起作用的,网上打听了下,具体原因不明,但是是有解决方法的: 1:通过iframe的onreadystatec            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-04-28 16:19:00
                            
                                260阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            很多时候,我们会需要改变一个iframe的地址(src属性),或者使用表单(form)的target在指定的iframe进行提交后,在 iframe加载完毕(onload)时立即响应某个操作,以提高WEB应用程序的价值。本文讨论了跨浏览器的iframe onload事件的监听方法。如果你没时间去阅读全文,可以看解决方案的内容概要:同域的页面嵌套,最好的是让内嵌的页面调用父页面的函数,如 windo            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-20 06:55:58
                            
                                54阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            昨天遇到一个关于iframe的问题,比如a页面中嵌入了一个iframe称为a_iframe,如果直接在a_iframe的标签上直接加入属性的设置,onload=’’,这样才onload事件才是起作用的,网上打听了下,具体原因不明,但是是有解决方法的: 1:通过iframe的onreadystatechange事件进行处理 2:在IE中通过...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-16 09:40:25
                            
                                899阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            动态创建的iframe onload事件  关键字: iframe onload   动态创建的iframe onload事件时,            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-04-11 11:02:53
                            
                                346阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            当iframe.src重新指定一个url时会重新执行iframe的onload事件            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-04-19 12:07:57
                            
                                1575阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            链接:http://www.nczonline.net/blog/2009/09/15/iframes-onload-and-documentdomain/ 译者:Dem            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2010-10-11 10:19:00
                            
                                98阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            在html页面中,只有body,img,iframe这一类标签具有onload事件。 onload事件表示在当前元素载入完成后发生的事件。其中,window也有onload事件,但是跟body的是同一事件,如果页面上对两者都定义了该事件,只会响应一个。 iframe上的事件在ie6下有一些bug:            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-20 13:36:35
                            
                                627阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <script>window.onload = function (){     var iframeB = document.getElementById("iframepage");     var iframepage = document.createElement('iframe');    &n            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2015-01-08 14:24:01
                            
                                2648阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            原文地址:http://blog.ops.cc/webtech/javascript/f5nhm.html            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2015-02-16 16:17:00
                            
                                269阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            # jQuery 在 onload 中设置 iframe 的 src 值
在现代网页开发中,使用 iframe 嵌入外部内容是一种常见的做法。通过这篇文章,我们将探讨如何使用 jQuery 在页面加载完成后动态设置 iframe 的 src 属性。这种操作不仅能够提升用户体验,还能优化页面的加载性能。
## 什么是 iframe?
iframe(内联框架)是一种在网页上嵌入另一个网页的 HT            
                
         
            
            
            
            JQ的ready()与window.onload()方法都是在文档加载完毕之后才会被触发的方法,但它们之间的区别也是很明显的。1.区别与联系: $(document).ready()window.onload()加载时机网页DOM结构加载完毕即可执行网页内容全部加载完毕(包括图片、表格)才可执行执行次数多次,N次都不会被覆盖只能执行一次,如果多次,前面的会被覆盖举例以下代码正确执行:&n            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-05 00:30:46
                            
                                125阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            eelll            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                            精选
                                                        
                            2013-10-28 18:23:16
                            
                                512阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            通常我们的网站里面会加载一些js代码,统计啊,google广告啊,百度同盟啊,阿里妈妈广告代码啊,一堆,最后弄得页面加载速度很慢,很慢.解决办法:换一个js包含的方式,让javascript加载速度倍增.把通常加载方式: 代码如下复制代码<script src="xxxx.js"></script>改变成: 代码如下复制代码<script type            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-17 23:12:55
                            
                                54阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            window onload 与 img onload事件 通常,window.onload就是载入完dom之后运行的。而img就是载入完图片完运行它的onload事件。依据img的src是否载入完毕。 因此。看以下代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTM            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2017-04-29 13:52:00
                            
                                588阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            原文作者:米阳MeYoung iFrame嵌套的页面非常常见,然而iFrame内的页面元素我们没办法按常规思路去定位,操作。平时测试如果遇到代码没错,但就是定位不到页面元素,这时你就应该第一个反应元素是不是嵌套在iFrame内。如果是,那么我们的思路就是先定位iFrame再定位iFrame内的元素,这个有点类似于页面层级元素定位。具体例子:1.新建2个html 页面,放于D盘,作为被测试            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-06-30 14:43:32
                            
                                352阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <html><body onload = test()></body><script>functio            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-04-14 15:32:59
                            
                                954阅读