window.onload事件

!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>window.onload</title>
    <!--
      window.onload
      注意点：
      01.在整个页面中只能存在一次，否则后面会覆盖前面
      02.页面中所有的内容加载完毕之后才执行！
      03.没有简写的方法
    -->

</head>
<body>

<img src="../images/cat.jpg">

<script type="text/javascript">
    //alert("页面没有加载完毕就可能执行！");
    window.onload=function(){
        alert("页面中所有的内容加载完毕之后才执行！");
    }
</script>
</body>
</html>

时间： 2024-10-28 21:30:53

window.onload事件的相关文章

【JS】怎样同一时候处理多个window.onload事件

有时引用其他js时,其js却使用了window.onload事件,这种话,引入的页面的onload事件就有可能执行不了.如何才干两个都执行呢?除了将两个写到一块儿去的方法外,还有其他的方法 if(window.onload!=null){ eval("theOldFun="+window.onload.toString()); window.onload=function(){theOldFun();addReadResource();}; } eval()函数的作用: 它的功能是把相

如何同时处理多个window.onload事件

有时引用其它js时,其js却使用了window.onload事件,这样的话,引入的页面的onload事件就有可能执行不了,怎样才能两个都运行呢?除了将两个写到一块儿去的方法外,还有其他的方法 if(window.onload!=null){ eval("theOldFun="+window.onload.toString()); window.onload=function(){theOldFun();addReadResource();}; } eval()函数的作用: 它的功能是把

追加window.onload事件

function addLoadEvent(func){ var oldOnload = window.onload; if(typeof window.onload != 'function'){ window.onload = func; }else{ window.onload = function(){ oldOnload(); func(); } } }

js window.onload事件

1.最简单的调用方式直接写到html的body标签里面,如: ? 1 2 3 4 <html> <body onload="func()"> </body> </html> 2. js语句调用 ? 1 2 3 4 <html> <body onload="func1();func2();func3();"> </body&g

window onload 与 img onload事件

通常,window.onload就是加载完dom之后执行的.而img就是加载完图片完执行它的onload事件,根据img的src是否加载完成. 因此,看下面代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http

window/body/img/iframe 的onload事件

在html页面中,只有body,img,iframe这一类标签具有onload事件. onload事件表示在当前元素载入完成后发生的事件.其中,window也有onload事件,但是跟body的是同一事件,如果页面上对两者都定义了该事件,只会响应一个. iframe上的事件在ie6下有一些bug: 1.iframe的onload事件跟window.onload事件只能二者取其一,似乎ie把它看作同一个事件了!例如: window.onload=function(){ alert("window

window.onload用法详解

window.onload用法详解: 网页中的javascript脚本代码往往需要在文档加载完成后才能够去执行,否则可能导致无法获取对象的情况,为了避免这种情况的发生,可以使用以下两种方式: 一.将脚本代码放在网页的低端,这样在运行脚本代码的时候,可以确保要操作的对象已经加载完成. 二.通过window.onload来执行脚本代码. 第一种方式感觉比较凌乱(其实推荐使用),往往我们需要将脚本代码放在一个更为合适的地方,那么window.onload方式就是一个更好的选择.window.onloa

window.onload、DOMContentLoaded和$(document).ready()

window.onload.DOMContentLoaded和$(document).ready() <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <scr

菜鸟学JS（五）——window.onload与$(document).ready()

我们继续说JS,我们常常在页面加载完成以后做一些操作,比如一些元素的显示与隐藏.一些动画效果.我们通常有两种方法来完成这个事情,一个就是window.onload事件,另一个就是JQuery的ready()方法.那么这两种方法有什么区别呢?往下看: onload事件,是在页面中所有元素以及内容全部加载完成以后触发的:而ready()方法,则是在页面的DOM结构加载完毕以后就被触发了.也就是说ready()方法会在onload事件之前执行. 举一个例子: 假设有一个表现图库的页面,这种页面中可能