`
luvi
  • 浏览: 37363 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

添加onload事件

阅读更多

一、如下,执行顺序 IE -- > ff,f (倒序)  FF -- > f,ff (顺序)

<!----><SCRIPT LANGUAGE="JavaScript">
  
<!--
    
function f(){
        alert(
'f');
    }

    
function ff(){
        alert(
'ff');
    }

    
    
if(document.addEventListener){
        window.addEventListener(
'load',f,false); //FF
    }
else{
        window.attachEvent(
'onload',f); //IE
    }


    
if(document.addEventListener){
        window.addEventListener(
'load',ff,false); //FF
    }
else{
        window.attachEvent(
'onload',ff); //IE
    }

    
    
  
//-->
  </SCRIPT>

二、执行顺序 在IE和FF中一样,按填加顺序执行 f,ff,fff

<!----><SCRIPT LANGUAGE="JavaScript">
  
<!--
    
function f(){
        alert(
'f');
    }

    
function ff(){
        alert(
'ff');
    }

    
function fff(){
        alert(
'fff');
    }

    
function addOnload(fn){
        
if(typeof(fn) != 'function'return false;
        
var _onload = (window.onload && typeof(window.onload) == 'function'? window.onload : null;
        window.onload 
= function(){if(_onload)_onload();fn();};
    }

    addOnload(f);
    addOnload(ff);
    addOnload(fff);
  
//-->
  </SCRIPT>
分享到:
评论

相关推荐

    js的image onload事件使用遇到的问题

    标题中所提到的知识点是“js的image onload事件使用遇到的问题”,这涉及到JavaScript中Image对象的onload事件处理。在Web前端开发中,onload事件是一个非常重要的概念,主要用于处理图片或者其他资源加载完成后的...

    脱离document.onload和window.onload的onload事件

    脱离document.onload和window.onload的onload事件,可多次添加加载事件!

    实验项目二十二  javascript事件处理.doc

    例如,我们可以在 BODY 标签中添加 onload 事件,如下所示: &lt;BODY onload="alert(' 欢迎访问我的主页! ')"&gt; unload 事件是指在浏览器关闭当前网页之前发生的事件,我们可以使用它来实现一些清理工作。 submit ...

    最让人厌恶的七种JavaScript网页特效.pdf

    特效分析:这种特效的实现是通过JavaScript代码来设置新窗口的出现位置、大小和链接内容,并在Body标签后面添加onload事件来触发新窗口的出现。 2. 关闭按钮骗局:有些网站会提供一个关闭按钮,但是当用户点击关闭...

    自动滚屏(HTML经典用例)

    然后,在标签中添加onload事件,例如:&lt;body onload="scroller()"&gt;。 使用说明: 可以通过修改locate的值来控制显示页面的长度。例如,将locate != 320修改为locate != 400,就可以控制页面的长度。同时,可以通过...

    状态栏跑马灯脚本(经典用例)

    2. 其次,需要在 BODY 部分中添加 onLoad 事件来触发脚本的执行。 3. 然后,状态栏跑马灯脚本将在状态栏中显示跑马灯效果,吸引用户的注意。 状态栏跑马灯脚本是网页制作中的一种常见技术,能够提高网页的可读性和...

    JavaScript如何实现组合列表框中元素移动效果_.docx

    然后,为 body 添加 onload 事件调用 init 方法。接下来,我们需要编写 move 函数将选中的选项移到另一个列表框中,并编写 moveAll 函数将所有选项移到另一个列表框中。最后,为按钮添加 onclick 事件调用 move 和 ...

    js onload事件不起作用示例分析

    如果这是一个复制粘贴错误,并且在"script"标签内添加了不正确的属性"language",这会导致浏览器无法正确解析代码,从而导致onload事件处理器失效。 为了解决这个问题,首先应检查页面中是否有重复定义的onload事件...

    ie中 body onload 和 window onload 解决法案

    // 或者使用现代的事件处理程序添加方式 window.addEventListener('load', function() { // 代码放在这里 }); ``` 这两个事件处理函数都可以用来解决一些初始化操作,比如初始化JavaScript库、调整页面布局或者...

    asp.net实现动态添加控件并添加事件实例

    在这个实例中,我们将深入探讨如何在 ASP.NET 中动态地添加控件以及如何为这些控件添加事件处理程序。 在 ASP.NET 中,动态创建控件是指在页面生命周期的某个阶段(通常是 OnInit 或 OnLoad 事件)通过代码而非在...

    图片预加载loading

    // 可以添加onload事件监听图片是否加载完成 img.onload = function() { console.log('图片' + this.src + '已加载'); }; } } // 使用预加载函数 let imgUrls = ['img1.jpg', 'img2.jpg', 'img3.jpg']; ...

    仅img元素创建后不添加到文档中会执行onload事件的解决方法

    然而,在某些情况下,如果`&lt;img&gt;`元素通过JavaScript动态创建,并且没有立即添加到DOM(文档对象模型)中,`onload`事件可能会在预期之前被触发,导致问题。 在提供的代码示例中,我们看到一个动态创建`&lt;img&gt;`元素...

    js的onload事件及初始化按钮事件示例代码

    在JavaScript中,有多种方式可以为按钮或其他元素添加事件监听器: 1. **在HTML元素内直接绑定**: ```html ()"&gt;绑定方式一 ``` 2. **在JavaScript代码中动态绑定**: ```javascript function init() { ...

    背景色渐变脚本(HTML经典用例)

    使用该脚本非常简单,只需要将script标签复制到HTML文件的部分,然后在标签中添加onload事件,例如:&lt;body onload="disco()"&gt;。这样,当网页加载时,disco函数将被执行,并更新背景颜色。 结论 本资源是一个使用...

    js 一个关于图片onload加载的事

    另一种实现思路是动态创建img元素,并为其添加onload事件,这样可以更精确地控制何时显示图片。这种方法在页面中不直接使用img标签,而是通过JavaScript在恰当的时机创建并添加到页面中: ```javascript ...

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

    这个函数接受一个参数,即需要在页面加载完成后执行的函数名,并确保这个函数被正确地添加到`window.onload`事件处理函数中,即使已经有其他函数在那里注册过。 `addLoadEvent`的工作原理如下: 1. 获取当前`...

    window.onload

    `window.onload` 是一个全局事件处理函数,当整个页面(包括所有的脚本、图片、CSS 文件等)加载完毕后触发。它常用于在页面完全加载完成后执行某些操作,如初始化页面元素、绑定事件监听器等。 ##### 2.2 实现方式...

    JS实现兼容火狐及IE iframe onload属性的遮罩层隐藏及显示效果

    然后,我们可以通过JavaScript为iframe添加onload事件监听器,并在事件触发时通过修改CSS属性或DOM元素来控制遮罩层的显示状态。 在实现代码中,我们通常会遇到iframe的onload事件在IE浏览器中能正常工作,但在Fire...

    IE浏览器中图片onload事件无效的解决方法

    为了解决这个问题,开发者需要调整代码的顺序,确保`onload`事件处理器在设置`src`属性之前被添加。正确的做法是先定义图片加载完成后要执行的函数,即`onload`事件处理器,然后再设置图片的`src`,这样无论图片是否...

Global site tag (gtag.js) - Google Analytics