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 页面加载触发事件 document.ready和onload的区别

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

javascript window 常用事件

javascript window 常用事件 event //事件加载完后立即发生      window.onload = function onLoad() {      alert...

JavaScript捕获window窗口关闭事件

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

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

页面加载完成有两种事件: 一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件); 二是onload,指示页面包含图片等文件在内的所有元素都加载完成。   1、Dom Read...

js页面加载之前触发的事件

$(document).ready(function(){ var param = window.location.search;//获取当前页面URL信息 //...
  • lmb55
  • lmb55
  • 2015年12月16日 19:17
  • 2629

js onclick跳转页面方法(window.open)

var a = document.getElementsByName("imageField2");     a[0].onclick= function (){  var contextPath= ...

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

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

document.body.onclick document监听事件兼容性的几种写法

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> attachEve...
  • Truong
  • Truong
  • 2014年06月23日 14:42
  • 7741

js自动点击onclick js自动触发onclick事件

2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 script...

使用js动态添加点击事件时,click与onclick的区别

使用js动态添加点击事件时,click与onclick的区别!!!!!
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS中页面加载事件window.onload、onload()、document.onclick
举报原因:
原因补充:

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