奇怪的onload事件

在js里,一般我们认为window对象有onload事件

调用方法:window.onload();

document.body对象有onload事件

调用方法:<body onload ="">

或者
<SCRIPT LANGUAGE="JavaScript">
<!--
document.body.onload = function(){..}
//-->
</SCRIPT>

只是一般body的onload只能写在标签里,或者<body>后的脚本里,而window.onload可以随便写

开始还以为这个是两个对象的事件,但是看过下面后,其实他们是一伙的
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>

<BODY onload="alert('load')" onclick="alert('click');">

<SCRIPT LANGUAGE="JavaScript">
<!--
alert(window.onload)
alert(document.body.onload)

window.onload 
= function(){alert("改写后的onload");}
//-->
</SCRIPT>

<SCRIPT LANGUAGE="JavaScript">
<!--
window.attachEvent(
"onload"function(){alert('继承onload');})

//-->
</SCRIPT>
</BODY>
</HTML>

值得注意的是,document没有onload事件,但是它有onkeydown,onmousedown等事件,另外如果想在以前的onload事件基础上加功能,可以调用attachEvent方法
posted @   ttyp  阅读(17362)  评论(24编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架
点击右上角即可分享
微信分享提示