window.onload的意思是：事件会在页面加载完成后触发。

例如：

《!doctype html》

《html》

《head》

《title》window.onload示例《/title》

《script type=“text/javascript“》

window.onload = function(){

alert(’页面加载完成’);

}

alert(’页面尚未加载完成,页面内容不显示’);

《/script》

《/head》

《body》

页面内容

《/body》

用法：一般可以用这个事件做一些页面数据初始化之类的工作。

window.onload使用方法：

1、window.onload=function(){

var tr=obj.parentNode.parentNode;

tr.parentNode.removeChild(tr);

}

2、function func(){

var tr=obj.parentNode.parentNode;

tr.parentNode.removeChild(tr);

}

window.onload=func;

例如：

《!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN“》 

《html》 

《head》 

《title》Untitled《/title》 

《script type=“text/javascript“》 

function ShowMessage() 

{ 

alert(“true“); 

} 

window.onload=ShowMessage(); 

《/script》 

《/head》 

《body》 

当你看到true时看不到我 

《/body》 

《/html》 

当你看到true的弹出框的时候，你肯定没有看到“当你看到true时看不到我”，说明页面还没有载入完就已经开始执行js了。

《!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN“》 

《html》

《head》 

《title》Untitled《/title》 

《script type=“text/javascript“》 

function ShowMessage() 

{ 

alert(“true“); 

} 

window.onload=function(){ShowMessage();} 

《/script》 

《/head》 

《body》 

你看到true时就看到我了 

《/body》 

《/html》

当你看到true的弹出框的时候，你也会看到“你看到true时就看到我了”，这个才是真正的页面载入完才 触发。 

一、使用时机不同

1、onload：当用户进入页面时就会触发。

2、document.ready：是当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。

二、作用不同

1、onload：事件常用来检测访问者的浏览器类型和版本，然后根据这些信息载入特定版本的网页。

2、document.ready：是对向window.load事件注册事件的替代方法。通过使用这个方法，可以在DOM载入就绪能够读取并操纵时立即调用所绑定的函数。

三、作用不同

1、onload：常被用来处理用户进入或离开页面时所建立的 cookies。

2、document.ready：是事件模块中最重要的一个函数，因为它可以极大地提高web应用程序的响应速度。

参考资料来源：百度百科-Javascript 事件

如果先前已近有了一个window.onload=function(){};在这样定义就会覆盖掉原来的，所以addLoadEvent做个判断,如果已经定义过则加进去一个，没有定义则重新定义一个

一般来说，有4种方法：1：直接把代码写在html里，例如:《body onload=“functionA();functionB()“》2：写在页面的js里，例如：window.onload = function () {functionA();functionB();}3：用绑定事件的方式绑定上去，例如：function addListener (element, event, fn) {if (window.attachEvent) {element.attachEvent(’on’ + event, fn);} else {element.addEventListener(event, fn, false);}}addListener(window, ’load’, functionA);addListener(window, ’load’, functionB);4：用第三方js框架（如jquery）来绑定事件，例如：$(“body“).on(“load“,function(){})

是个JavaScript阿，表示窗口刚刚建立的时候：这样用window.onload=fuction(){};或者自己写个函数function id(){};然后window.onload=id;

页面加载完成有两种事件，一是ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件），二是onload，指示页面包含图片等文件在内的所有元素都加载完成。(可以说：ready在onload前加载！！！)一般样式控制的，比如图片大小控制放在onload里面加载;jS事件触发的方法，可以在ready里面加载;用jQ的人很多人都是这么开始写脚本的：通常的写法复制代码代码如下:$(function(){//dosomething});其实这个就是jqready()的简写，他等价于：复制代码代码如下:$(document).ready(function(){//dosomething})也等于下面这个方法，jQuer的默认参数是：“document”；复制代码代码如下:$().ready(function(){//dosomething})$(document).Ready()方法VSOnLoad事件VS$(window).load()方法接触JQuery一般最先学到的是何时启动事件。在曾经很长一段时间里,在页面载入后引发的事件都被加载在”Body”的Onload事件里.对于Body的Onload事件和JQuery的Ready方法相比，有很多弊端.比如:加载多个函数的问题■《bodyonload=“a();b();“》《/body》在Onload事件中只能这样加载，很丑陋…■而在JQuery中你可以利用多个JQuery.Ready()方法，它们会按次序依次执行代码和内容不分离这个貌似不用说了，让人深恶痛绝-.-!!◦执行先后顺序不同■对于Body.Onload事件，是在加载完所有页面内容才会触发，我的意思是所有内容,包括图片，flash等.如果页面的这些内容很多会让用户等待很长时间.■而对于$(document).ready()方法，这个方法只是在页面所有的DOM加载完毕后就会触发,无疑很大的加快了网页的速度.但是对于一些特殊应用，比如图片的放大缩小，图片的剪裁。需要网页所有的内容加载完毕后才执行的呢？我推荐使用$(window).load()方法，这个方法会等到页面所有内容加载完毕后才会触发，并且同时又没有OnLoad事件的弊端.复制代码代码如下:《scripttype=“text/javascript“》$(window).load(function(){alert(“hello“);});$(window).load(function(){alert(“helloagain“);});《/script》上面的代码会在页面所有内容加载完成后按先后顺序依次执行.当然不要忘了与之对应的Unload方法复制代码代码如下:《scripttype=“text/javascript“》$(window).unload(function(){alert(“goodbye“);});《/script》上面代码会在页面关闭时引发.在所有DOM加载之前引发JS代码这个方法是我在调试的时候最喜欢的，有时候开发的时候也用这种方法复制代码代码如下:《body》《scripttype=“text/javascript“》(function(){alert(“hi“);})(jQuery)《/script》《/body》对，就是利用js闭包的形式将js代码嵌入body，这段代码会自动执行，当然也可以直接嵌入js代码,这种方式要注意顺序问题，如下：复制代码代码如下:《body》《divid=“test“》thisisthecontent《/div》《scripttype=“text/javascript“》alert($(“#test“).html());//ICandisplaythecontent《/script》《/body》《body》《scripttype=“text/javascript“》alert($(“#test“).html());//ICan’tdisplaythecontent《/script》《divid=“test“》thisisthecontent《/div》《/body》上面两段代码,第二段代码当中因为只能解释到当前代码之前的DOM,而test并不存在于已经解析的DOM数.所以第二段代码无法正确显示.

onload，字面意思就是加载，也就是说在加载完成后执行，这个事件不是用到哪里都可以的，只有几个标签支持它：《body》, 《frame》, 《frameset》, 《iframe》, 《img》, 《link》, 《script》这几个标签是支持这个事件的，拿《img》来说吧，如果用上onload之后就代表，当图片加载完成后执行某一个方法。比如可以用来检测加载图片用了多久，就可以设置一个变量来记录加赞完成的时间，然后和加载图片开始时的时间对比，计算出加载这张图片所用的时间是多少。

onload是一个事件处理器，当加载页面时发生！如onLoad=“loading();“就是在加载时调用loading()函数！

1、首先创建一个名称为onload的html文件，如下图所示。

2、设置标题为 javascript  onload，如下图所示。

3、在body标签 中加入onload事件，并在事件中加入自定义函数 myonload。

4、在文档区域加入一个h 元素，加入文本内容“页面加载完成显示页面内容”，当页面加载完成 后 显示该内容。

5、创建一个自定义函数myload，当页面完成后，调用该自定义函数，并加入alert提示语。

6、在浏览器中打开该文件，首先会弹出页面加载完成后调用的myonload函数，在现实页面内容。

1、创建一个Vue.js文件，在template标签中插入div，div包裹无序列表和fusioncharts组件，其中无序列表子项元素绑定点击事件，如下图所示。

2、在《script》《/script》标签中，定义饼图的数据源dataSource，有chart和data对象属性。

3、在export default中，定义name和data，其中data返回值有无序列表项、饼图图类型、图宽度、图高度、图数据格式和图数据源。

4、保存代码并使用命令运行项目，启动完毕之后，在浏览器预览图形效果。