JS中页面加载事件window.onload、onload()、document.onclick

原创 2015年11月20日 10:58:52

当我们刷新页面的时候,有时需要页面自动加载一些事件来达到预期效果,现介绍下面三种方法:

window.onload()页面加载事件。

document.onclick()页面点击事件也可以达到该效果

onload()用在body里。

注意window.onload、onload() 事件会在页面或图像加载完成后才发生,所以当页面有很大数据量没加载完时,事件不会发生。

<html>
<head>
<script type="text/javascript">
function load1()
{
alert("onload1事件!");
}
function load11()
{
alert("onload11事件!");
}
function load2()
{
alert("window.onload事件!");
}
function load3()
{
alert("document.onclick自动加载事件!");
}

window.onload=load2();
document.onclick = load3();
document.onclick =function()
{
alert("document.onclick事件:点击页面的任何一个地方.");
};
</script>
</head>

<body onload="load1();load11();">
<div>你好!</div>
</body>


</html>


原生JS页面初始化事件以及Jquery初始化页面加载事件

HTML是有执行顺序的,默认是自上而下执行。所以当我们的js代码在html代码下边的时候,可以正常执行,而当我们的js代码在html代码上边的时候,可以就无法正常执行了,这时,我们需要在文档加载完毕的...
  • qq_38243970
  • qq_38243970
  • 2017年07月26日 10:24
  • 1934

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

document.ready和onload的区别——JavaScript文档加载完成事件 页面加载完成有两种事件: 一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件); ...
  • jdsxzhao
  • jdsxzhao
  • 2015年03月26日 10:27
  • 7952

页面加载完成之后执行js函数

中的onload / window.onload事件,与jQuery的$().ready(function(){}) / (function(){}) 方式比较:  1.执行时机 window.onl...
  • u011939453
  • u011939453
  • 2016年11月23日 09:59
  • 7562

document.ready和onload的区别----JavaScript文档加载完成事件(二)

页面加载完成有两种事件,一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件),二是onload,指示页 面包含图片等文件在内的所有元素都加载完成。(可以说:ready 在onload...
  • piaoxuan1987
  • piaoxuan1987
  • 2016年04月11日 22:23
  • 581

window.onload 关于页面加载完毕的问题

英文原文在此: http://dean.edwards.name/weblog/2005/09/busted/ 大意如下: 我们经常使用 window.onload 来处理页面,当页面加载完成做...
  • longzhiwen888
  • longzhiwen888
  • 2015年06月19日 15:47
  • 943

javascript window 常用事件

javascript window 常用事件 event //事件加载完后立即发生      window.onload = function onLoad() {      alert...
  • u013125233
  • u013125233
  • 2015年04月24日 14:05
  • 2193

【JavaScript】window对象事件

window对象-事件 专用事件: onload事件:我们需要在网页文档下载完毕时执行 的程序代码,需要放在onload事件处理程序中去编写。 onunload事件:在网页文档卸载完毕后,需要在网页...
  • u013517797
  • u013517797
  • 2015年03月08日 12:08
  • 1408

JavaScript捕获window窗口关闭事件

工作中遇到有这样的情景,要在浏览器窗口关闭的时候,提示用户某种操作。 类似在关闭窗口时,提示用户保存当前内容,选择是则保存并关闭窗口,选择否则不关闭窗口,也不做保存操作。 网上找了很多,都是说...
  • u010918876
  • u010918876
  • 2015年06月11日 11:42
  • 4427

document.ready和onload的区别——JavaScript文档加载完成的那点事儿

页面加载完成有两种事件: $(document).ready(function(){}) : 表示文档结构已经加载完成(不包含图片等非文字媒体文件) $(document).read...
  • yc1022
  • yc1022
  • 2016年04月07日 01:04
  • 1218

html 中javascript 页面加载完成后执行函数

html 中javascript 页面加载完成后执行函数 页面初始化完调用 window.onload = function(){ dosth1(); dosth2(); } 或者引入jquery...
  • u013366812
  • u013366812
  • 2015年11月11日 11:19
  • 13922
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS中页面加载事件window.onload、onload()、document.onclick
举报原因:
原因补充:

(最多只允许输入30个字)