Body onload Event

于 2011-07-19 17:21:37 发布 518 收藏
分类专栏： JavaScript 文章标签： javascript

Body onload Event

Body Object

Definition and Usage

The onload event occurs immediately after a page is loaded.

Syntax

οnlοad="JavaScriptCode"

ParameterDescription
JavaScriptCodeRequired. Specifies a JavaScript to be executed when the event occurs

Browser Support

The onload event is supported in all major browsers.

Example

Example

Alert "Page is loaded" immediately after a page is loaded:

<html>
<head>
<script type="text/javascript">
function load()
{
alert("Page is loaded");
}
</script>
</head>

<body οnlοad="load()">
<h1>Hello World!</h1>
</body>
</html>

Try it yourself »
ColorPaper
微信扫码订阅
UP更新不错过~
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
  • 0
    评论
专栏目录
body元素的onload事件
01-31 1024
我们常常在网页加载完成时执行某些初始化程序，如设置某一div的innerText,获得某一个元素的引用等，通过会有以下的代码 ------------------------------------------------------------------------------------------------------------------------- var o
img onload 在chrome 与 safari中的差异
最新发布
peade的博客
09-27 181
这个event中， target、currentTarget、srcElement都是null， 元素，在path中。很直接的，就想到了img的onload事件，在onload事件执行的时候，再去获取图片的宽高。页面中有多张图片，在onload事件event中，获取img元素信息，是最好的方式。在开发的项目中，需要在图片加载完成后，获取图片的实际宽高。因此在onload事件中，获取元素信息的方法，要做兼容处理。在safari浏览器中，event信息打印如下。
【html5】html学习笔记1
weixin_30847939的博客
08-02 84
html5语法规则 1.标签要小写 2.省略标签 如 <tr> <td> <tr><td> 3.属性不加” 如 <div id=div1> 4.单标签不加结束标签 如 <img src=""> 5.废除标签fontcenterbig等 6 html5文档声明<!DOCTYPEHTML...
自定义事件类LoadEvent
weixin_30520015的博客
06-21 62
package leon.events{ import flash.events.Event; public class LoadEvent extends Event { public var _info:String; public function LoadEvent(type:String,_info:String):void { this._inf...
load Event
weixin_34209851的博客
03-13 54
document.addEventListener("DOMContentLoaded");------------------load document.body.addEventListener("load");----------------------------load window.addEventListener("load");-------------------------...
addLoadEvent方法解析
weixin_30797027的博客
03-17 35
onload方法在网页加载完毕时，会自动执行，但是该方法有个缺点就是只能执行一个方法。 　　onload的限制 　　比如下面的代码： <script type="text/javascript"> function func1(){ console.log("this is func1()")...
hibernate get load 源码分析
abc123maxiaolong的专栏
10-23 108
1 hibernate get 主要源码：     public Object get(String entityName, Serializable id) throws HibernateException { LoadEvent event = new LoadEvent(id, entityName, false, this); boolean success = fa...
前端性能监控
《春馨梦》的专栏
04-07 129
/** @author ruoshui @date 2020年4月4日21:19:05 @version:0.1 / var frontEndMoniter ={} ;(function (moniter) { /* 日志信息 @type {{navigator: {appVersion: string, cookieEnabled: string, appName: string, addo...
聊一聊前端的监控
weixin_34128411的博客
02-17 65
今天我们来聊聊前端的监控 我们为什么需要前端监控 ？ 为了获取用户行为以及跟踪产品在用户端的使用情况，并以监控数据为基础，指明产品优化方向 前端监控分为三类 性能项目 数据监控 异常监控 性能监控 - 衡量前端的性能的指标是时间 那么如何监测时间呢， 浏览器给我们提供了一个 API performance来看看里面都有什么吧 它的属...
js函数-addLoadEvent函数
Antg的博客
04-08 125
一、代码如下 function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { ...
在flash as3项目中调用 web service
u011552698的博客
10-18 64
flash as3的类库默认不支持web service，要在as3项目中使用web service，则必须将flex的sdk中相关类库（swc）拷贝至项目中，并引用。 1、在fd 中创建as3项目 2、把flex sdk中的swc全部拷贝至项目文件夹中，并引用。 这里懒得研究到底需要哪些swc了 3、调用过程 由于web service对外...
onload事件-----addLoadEvent函数
chenssy 的技术博客
03-17 1万+
假如我们希望某个函数在网页加载完毕之后就立即执行。网页加载完毕时会触发一个onload事件，所以我们可以利用onload事件来加载这个函数。Onload事件与window对象相关联。如：           把myfunction函数绑定到这个事件上： window.onload = myfunction();           一个函数我们可以利用上面的解决,那两个、三个甚至更多呢？怎
addLoadEvent应用方法
only'blog
05-19 465
addLoadEvent应用方法
脚本收集 js的 addLoadEvent（func）函数
热门推荐
daerduotutu1的博客
03-01 2万+
addLoadEvent（func）函数 详解： 1）当网页加载结束时候会触发一个onload事件， 当我们需要展现内容的时候就可以和Window对象相关联  即： window.onload = function;  //function即为需要绑定的函数  将这一句写在js文件或者页面中的里面即可 2）当onload需要多个事件的时候就就只会执行最后绑定的那个
onload事件和addLoadEvent函数
FLQ77的博客
08-03 302
onload事件当我们想让一个函数在网页加载完毕之后立即执行时，可以使用onload事件，网页加载完毕会自动触发，只需把函数绑定到这个事件上：window.onload=Function;这样写能解决加载的问题，但是有时候会出现问题。假如有两个函数：firstfunction和secondfunction.如果想让这两个函数都执行的话，把它们逐一绑定到onload事件上，它们当中只有最后那个才会被执
模拟兼容性的 addDOMLoadEvent 事件
Allen专栏
03-08 586
模拟兼容性的 addDOMLoadEvent 事件 由于 window.onload 事件需要在页面所有内容（包括图片等）加载完后，才执行，但往往我们更希望在 DOM 一加载完就执行脚本。其实在现在大部分主流浏览器上（Firefox 3+，Opera 9+，Safari 3+，Chrome 2+）都提供了这一事件方法：addDOMLoadEvent。 document.ad
实现addLoadEvent()函数
DLGDark的博客
09-11 233
function addLoadEvent(func){ //事件加载 var oldonload=window.onload; //将现有的window.onload事件处理函数的值存入变量oldonload if(typeof window.onload!='function'){ //如果还没有绑定任何函数，就像平时把新函数添加给它 wi
es6-promise源代码重点难点分析
weixin_34411563的博客
01-27 74
摘要 vue和axios都可以使用es6-promise来实现f1().then(f2).then(f3)这样的连写形式，es6-promise其实现代浏览器已经支持，无需加载外部文件。由于promise写法明显由于传统写法，已经越来越被高级程序采用，不懂promise就没法看高级程序。 es6-promise源代码重点难点分析 本文以axios中的http ...
cocos2dx Event机制
bytecode
01-07 262
title: cocos2dx Event机制 comments: true date: 2019-01-07 18:34:51 tags: cocos2dx categories: cocos2dx 基本机制 事件机制类似观察者模式。 EventListener 事件监听者，封装事件处理代码，包含事件会回调。 事件包含时间信息。 EventDispatcher 事件分发者，管理分发事件。...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、C币套餐、付费专栏及课程。

余额充值