`
249009188
  • 浏览: 47694 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

js onload调用多个方法

阅读更多
<script>  
    function t(){  
        alert("t")  
    }  
    function b(){  
        alert("b")  
    }  
    function c(){  
        alert("c")  
    }  
    function addLoadEvent(func) {  
        var oldonload = window.onload;  
  
        if (typeof window.onload != 'function') {  
            window.onload = func;  
        } else {  
            window.onload = function() {  
            oldonload();  
            alert(oldonload);//这是添加的测试代码  
            func();  
            }  
        }  
    }  
addLoadEvent(t);  
addLoadEvent(b);  
addLoadEvent(c);  
</script> 
 
基本思路是当onload方法没有实现的时候,则直接赋值,而当onload方法实现了的话就得先保存原来的方法,再去具体实现其他的方法。
onload方法是在页面全部加载完才会被执行的 ,在处理图片或者隐藏域的时候不是很理想。
分享到:
评论

相关推荐

    JS调用c#编写的DLL 源代码

    总的来说,JS调用C#编写的DLL涉及多个步骤,包括C#的开发、DLL生成、COM组件注册以及JS的调用实现。这种跨语言的通信方式在某些特定场景,如在浏览器环境中扩展功能,或者利用已有的C#组件时非常有用。需要注意的是...

    通过调用 JS 打印图片信息

    在实际应用中,可能还需要根据具体需求对上述代码进行调整,例如处理多个图片的打印、自定义打印设置等。此外,对于跨浏览器兼容性问题,可能需要借助像Modernizr这样的库来检测浏览器特性,确保代码在不同环境下都...

    一个Js文件函数中调用另一个Js文件函数的方法演示

    在JavaScript编程中,有时我们需要在一个JS文件中的函数调用另一个JS文件中的函数,尤其是在大型项目中,为了代码的模块化和可维护性,文件分隔是常见的做法。然而,直接在HTML中通过`&lt;script&gt;`标签引入的JS文件通常...

    uniapp js调用Android代码.zip

    在Android端,我们需要创建一个继承自`JavascriptInterface`的类,这个类中的方法将被JavaScript调用。注意,为了安全原因,从Android 4.2版本开始,只有标记了`@JavascriptInterface`注解的方法才能在Webview中被...

    C#javascript调用webservice

    综上所述,C#和JavaScript调用Web服务涉及了异步请求、数据序列化与反序列化等多个环节。理解这些概念和技术对于开发跨平台、分布式系统至关重要。通过学习和实践,开发者能够有效地整合各种系统资源,实现数据的...

    把多个JavaScript函数绑定到onload事件处理函数上的方法

    在JavaScript编程中,确保函数在页面完全加载之后执行是非常常见的需求,这通常通过将函数绑定...在实际的前端开发中,这种方法尤其有用,特别是在需要集成多个库或插件,每个都需要在页面加载后执行特定操作的场景下。

    移动端调用相机js文件.rar

    本案例将详细介绍如何通过JavaScript(JS)文件在H5页面上实现在移动端调用设备相机进行图片上传。 首先,我们需要理解HTML5中的`&lt;input type="file"&gt;`标签,它是实现文件选择和上传的基础。通过设置`accept`属性,...

    JavaScript中OnLoad几种使用方法

    4. 处理多个onload事件 JavaScript允许多个事件处理程序注册到同一个事件上。对于onload事件,我们可以注册多个函数,这些函数会按照注册的顺序依次执行。例如: ```html &lt;body onload="aa();bb();cc();"&gt; ``` 在...

    window.onload

    本文将深入探讨这两个方法的基本原理、实现方式及其应用场景。 #### 二、`window.onload` 事件详解 ##### 2.1 基本概念 `window.onload` 是一个全局事件处理函数,当整个页面(包括所有的脚本、图片、CSS 文件等...

    javascript同步Import,同步调用外部js的方法

    JavaScript 同步 Import 和同步调用外部 JS 文件的方法是网页应用中常见的技术,尤其是在需要确保一个脚本执行之前,另一个脚本已经完全加载并可执行的情况下。本文将深入讲解如何实现这种同步加载,并通过示例代码...

    geogebra javascript API参考潘立强翻译部分(1)1

    在这个示例中,我们将创建一个 JavaScript 函数 myLittleConstruction(),该函数将调用多个 GeoGebra Applet 方法。首先,我们需要加载数学应用运行库,然后创建 applet 对象,并使用 evalCommand() 方法执行数学...

    同时加载多个echart使用demo

    本文将详细探讨如何实现“同时加载多个ECharts使用”的方法。 首先,我们需要理解ECharts的基本使用流程。每个ECharts图表都需要一个唯一的ID来标识其容器,例如HTML中的`&lt;div&gt;`元素。在创建ECharts实例时,我们...

    window.addEventListener来解决让一个js事件执行多个函数

    当需要一个事件触发时执行多个函数,单纯地使用`window.onload`或元素的`onclick`等事件处理方式可能会遇到问题,特别是在需要同时处理多个事件处理器时。这时,`window.attachEvent`和`window.addEventListener`就...

    JavaScript通过代码调用Flash显示的方法

    此方法接受多个参数,包括SWF文件路径、替换的HTML元素ID、宽度、高度、最低Flash版本号和Flash参数对象: ```javascript function load() { var swfVersionStr = "10.0.0"; var params = {}; params.quality = ...

    url传值JS调用所传的值,实例

    ### URL传值与JavaScript获取参数值的实现方法 在Web开发中,经常需要通过URL来传递参数,并在页面加载完成后利用JavaScript对这些参数进行读取和处理。下面将详细介绍如何通过一个具体的示例来实现这一功能。 ###...

    js定时器(执行一次、重复执行)

    在某些情况下,如果多个方法需要在页面加载完成后按特定顺序执行,可以考虑在 `window.onload` 事件中设置一个定时器,通过延迟执行来确保顺序正确。这通常是因为JavaScript代码是异步执行的,所以不保证按照它们在...

    js方法大全,不错的

    JavaScript,简称JS,是Web开发中的重要脚本语言,用于实现客户端的动态效果和交互。本文将详述JavaScript中的一些核心方法,这些方法在实际开发中具有广泛的应用。 1. **数组方法** - `push()`: 在数组末尾添加...

    jsqrcode 通过Web摄像头识别QR二维码

    `jsqrcode`是一个纯JavaScript实现的二维码(QRCode)识别库,它基于Google的ZXing(Zebra Crossing)解码库,允许在浏览器环境中通过Web摄像头或者上传的图片文件对二维码进行实时扫描和解码。这个库大大简化了在...

    JavaScript常见方法大全

    框架页面允许在一个网页中嵌套多个独立的文档,这在早期网页设计中非常流行。例如,将两个页面分别加载到不同的框架中: ```html ,*"&gt; ``` 要在框架间加载页面,可以使用`parent`和框架名称进行操作,如: `...

Global site tag (gtag.js) - Google Analytics