window.onload

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8">
 5     <title></title>
 6     <script>
 7 window.onload=function(){
 8 var hh = document.getElementsByTagName(‘h1‘)[0];  //window.onload为在其他的程序全部执行完以后最后执行,如果不加的话只能让输出在<h1>之后
 9 hh.innerHTML = ‘cddd‘;
10 }
11 </script>
12 </head>
13 <body>
14 <h1></h1>
15 </body>
16 </html>
 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8">
 5     <title></title>
 6 </head>
 7 <body>
 8 <h1></h1>
 9 <script>
10 var hh = document.getElementsByTagName(‘h1‘)[0];
11 hh.innerHTML = ‘eedd‘;
12 </script>
13 </body>
14 </html>
时间: 2024-10-21 12:02:39

window.onload的相关文章

js 完全分离 window.onload=

js 完全分离  window.onload= <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>TAB菜单</title> <script type="text/javascript"

jquery $(document).ready() 与window.onload的区别

转载自http://www.jb51.net/article/21628.htm 1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行.         $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕. 2.编写个数不同 window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个          $(document).ready()可以同时编写多个,并且都可以得到执行 3.简化

JavaScript tips:window.onload与$(document).ready()的差异

1.window.onload在$(document).ready()之后执行 原因:二者触发与否,都是依据document.readyState这个属性. (1)document.readyState的值:uninitialized.loading.interactive.complete(这四个值,依据时间先后排序). (2)当其值为interactive时,会触发documentContentLoaded事件,JQuery.ready()就是对documentContentLoaded事件

关于window.onload,window.onbeforeload与window.onunload

★  window.onload  当页面加载完毕的时候执行,即在当前页面进行其他操作之前执行.如,刚进入某个网页的弹窗提示. (  与window.onload相近的可以参考我写的另外一篇记录"比较body.onload(function()).$(document).ready(function())与$(windows).load(function)"  ) ★  window.onbeforeunload 与 window.onunload 的比较 window.onbefor

JS 页面加载触发事件 document.ready和window.onload的区别

document.ready和onload的区别——JavaScript文档加载完成事件页面加载完成有两种事件: 一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件): 二是onload,指示页面包含图片等文件在内的所有元素都加载完成. 1.Dom Ready 使用jq时一般都是这么开始写脚本的: $(function(){ // do something }); 例如: $(function() { $("a").click(function() { alert(&

window.onload与$.ready的区别

在做图书管理系统的时候,有用到window.onload(){}方法,但是遇到了一个问题,就是怎么都不执行,到底是为什么呢?愁了半天.后来经师姐指点改用了$.ready(){}.在我的浅浅的了解中认为他们是一样的,那为什么这个行,而那个不行呢?so,上网查! Jquery中的$.ready(){}的作用类似于传统的JS中的window.onload方法.不过与windows.onload方法还是有区别的. 区别: 执行时间: window.onload()必须等到页面内容全部加载完毕后才能执行,

关于window.onload的一些小理解

这今天写一个demo,之前一直很好,这次碰到了一个window.onload问题,在网上看了很多资料,就整理整理! window.onload 是(1)等页面内包括图片的所有元素加载完毕后才能执行,这里还和jQuery里的$(document).ready()不太一样,jQuery里的是只要dom结构加载完就执行: (2)不能同时使用多个window.onload,例如window.onload = fun1:window.onload = fun2:这样的话只会执行第二个:第一个被覆盖了:要是

Jquery中$(document).ready() 和 JavaScript中的window.onload方法 比较

Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的. 1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行. $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕. 2.编写个数不同 window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个(最后一个)       

window.onload中失效的问题

在页面中,我们有时候想让页面加载的时候有多个JS事件,一般的时候我们会这样做 window.onload=function(){ alert("aaa"); } window.onload=function(){ alert("bbb"); } 运行结果并不是我们想要的那样,一下子弹出 aaa,然后弹出bbb 而只会弹出bbb,好像是后面的覆盖了前面的JS代码 如何实现我们的两个想要的结果呢 window.onload=function(){ a(); b(); }

DOMContentLoaded和window.onload

相信写js的,都知道window.onload吧,但是并不是每个人都知道DOMContentLoaded,其实即使你不知道,很有可能你也经常使用了这个东西. 一般情况下,DOMContentLoaded事件要在window.onload之前执行,当DOM树构建完成的时候就会执行DOMContentLoaded事件,而window.onload是在页面载入完成的时候,才执行,这其中包括图片等元素.大多数时候我们只是想在DOM树构建完成后,绑定事件到元素,我们并不需要图片元素,加上有时候加载外域图片