HTML body onload 事件属性

最新推荐文章于 2022-05-26 16:54:21 发布
最新推荐文章于 2022-05-26 16:54:21 发布
阅读量2.4k 收藏 2
点赞数
分类专栏： HTML

HTML onload 事件属性

HTML 事件属性

实例

页面加载之后立即执行一段 JavaScript：

<body onload="load()">

亲自试一试

浏览器支持

IE Firefox Chrome Safari Opera
         

所有主流浏览器都支持 onload 属性。

定义和用法

onload 属性在对象已加载时触发。

onload 常用在 <body> 中，一旦完全加载所有内容（包括图像、脚本文件、CSS 文件等），就执行一段脚本。

HTML 4.01 与 HTML5 之间的差异

无。

语法

<element οnlοad="script">

属性值

值 描述
script onload 发生时运行的脚本。

HTML 事件属性

javaPie
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
在网页加载完成后执行——body的onload()
Winter--王大梅
10-26 1万+
一个师哥说过：前台开发，往往一个问题纠结半天，还没有技术含量。对这些真的是深有体会了。还是要多多积累吧。     最近遇到了一个问题：点击datagrid的行，跳转到相应的详情界面，并进行一系列的查询然后将内容返回到页面上。这时，问题就来了。 先说一下一开始我的代码： datagrid行单击事件： $("#dgApply").datagrid({ onClickRow:function
ie中 body onload 和 window onload 解决法案
07-23
有需要的朋友是最好的参考资料。希望有所帮助！
html body的onload事件详解
s15981924260的专栏
04-08 1万+
浏览器是边加载边执行的，
HTML网页中的html body onload自动跳转方法介绍及自动跳转代码示例
u011809276的专栏
08-19 6115
HTML网页中的html body onload自动跳转方法介绍     html body onload就是“页面加载完成后执行的动作”。一般写在body里面。例如，在html页面中有一个大图片，想要在图片显示出来后提示一个消息框“图片加载完成”，如果你直接写在JS里function（）{alert（“图片加载完成”）;}因为代码执行顺序是从上到下一次执行，图片还没加载，而函数已经执行那么
html onload不起作用,body标签onLoad执行无效，为何？
weixin_33293848的博客
06-20 2438
Example:// your code right here......// your code right here......[导读]HTML页面中直接使用onLoad()来绑定方法，保证：页面元素加载完成后才开始执行方法，避免selector获得的元素为null但是，页面运行效果在chrome中显示正常，没有出错，但页面上传至服务器后再访问，页面显示为空，没有出现该出现的元素，为何为出现这...
body onload
kururunga的博客
05-14 1531
onload 属性在对象已加载时触发。 onload 常用在 中，一旦完全加载所有内容（包括图像、脚本文件、CSS 文件等），就执行一段脚本。如下 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> &l...
js的onload事件及初始化按钮事件示例代码
10-26
这个事件在多种HTML标签上都可用，包括`<body>`、`<frame>`、`<frameset>`、`<iframe>`、`<img>`、`<link>`和`<script>`。`onload`事件的两种常见用法是直接在HTML元素内定义，或者在JavaScript代码中设置。 1. ...
HTML_5_事件属性
01-19
1. **全局事件属性**：这些事件与窗口对象相关，适用于<body>标签。例如，`onafterprint`在文档打印后运行脚本，`onbeforeprint`在打印前执行，`onload`则在文档加载完成后触发。这些事件可以用来提供用户体验的增强...
仅img元素创建后不添加到文档中会执行onload事件的解决方法
12-10
通常情况下，当一个`<img>`标签在页面加载时，浏览器会自动触发`onload`事件，该事件在图片完全加载后被激活，允许开发者执行某些操作，如调整图片大小、显示隐藏元素等。然而，在某些情况下，如果`<img>`元素通过...
HTML5 对各个标签的定义与规定：body的介绍
09-28
`<body>`标签支持一系列的事件处理属性，这些属性允许开发者为特定的用户交互或浏览器行为绑定JavaScript函数。下面列举了部分`<body>`标签可设置的属性及其用途： 1. **`onafterprint`**：在文档打印完成后运行的...
html写的生日祝福代码
最新发布
09-19
记得为图片提供一个`alt`属性，以供无法看到图像的用户理解内容： ```html 生日蛋糕图片"> ``` 这里假设图片名为"birthday_cake.jpg"，实际路径应根据本地文件存储位置调整。 还可以使用`<p>`标签添加祝福语或个性...
html 中页面的加载顺序以及window.onload 与body 标签里面的onload事件的对比
热门推荐
《春馨梦》的专栏
03-17 1万+
html 中页面的加载顺序以及window.onload 与body 标签里面的onload事件的对比。 情况一：head 、body 以及body 外面的window.onload采用匿名方法。 onload 的顺序判断 /** * 加载页面 Body */ function loadBody(){ console.log("load
window.onload与body.onload
weixin_39017846的博客
05-26 940
这两个都是在页面加载后运行。执行顺序和在代码中的位置有关，也和window.onload后面的函数是否匿名有关。 1.如果window.onload是在body里定义的，也就是在body onload下面定义的，则只执行window.onload，不会执行body onload。即遵循“”从上到下依次加载，后者覆盖前者“的原则”。 2.如果window.onload是在head里定义的。就要看等号后面的函数是不是匿名的。 只有非匿名的才会被执行，且两者都执行。按从上到下的顺序，先执行window.on
body元素的onload事件
01-31 1348
我们常常在网页加载完成时执行某些初始化程序，如设置某一div的innerText,获得某一个元素的引用等，通过会有以下的代码 ------------------------------------------------------------------------------------------------------------------------- var o
html body 中onload 属性的作用是什么
lxyso的专栏
11-14 1424
onload故名思语就是“页面加载完成后执行的动作”。一般写在body里面。举个例子，在html页面中有一个大图片，想要在图片显示出来后提示一个消息框“图片加载完成”，如果你直接写在JS里function（）{alert（“图片加载完成”）;}因为代码执行顺序是从上到下一次执行，图片还没加载，而函数已经执行那么就不合理了，所以用onload方法，就是为了等页面的东西都加载完了才执行。
页面加载完成之后执行js函数window.onload 和 $().ready(function) 以及 <body onload="">的同级函数详解
pcaxb的专栏
10-13 6611
转载请注明预见才能遇见的博客：http://my.csdn.net/ 原文地址： 页面加载完成之后执行js函数window.onload 和 $().ready(function) 以及 的同级函数详解 1.window.onload = function(){} / $(window).load(function)方法是在网页中的所有的元素(包括元素的所有关联文件：图片、音视频、f
document.ready()和传统的方法<body onload=”load()”>
love398146779的专栏
04-18 246
document.ready()和传统的方法 相似，不同的是onload()的方法是在页面加载完成后才发生，这包括DOM元素和其他页面元素（例如图片）的加载，因此，使用document.ready()方法的执行速度比onload()的方法要快。 document.ready()可以说是jQuery的一大特色，它不仅比传统的Javascript函数onload()要快，而且加上jQuery强大...
windows.onload和body的onload属性的区别
Myair_AC的博客
09-04 2471
1 . 关于windows.onload和body的onload属性的区别网上有些说法说的也不太统一,现在系统说下: 先看共同点: 都是body内容体加载结束执行； window.onload 内部方式可以 推荐的 body onload属性： 内联或者内嵌方式可以， 内部也可以 首先,这两个onload事件只能执行一个 在程序中设置一个onload的事件时,第一种：只设置
关于JSP中<body onload="fun()">body标签中onload中函数不执行问题
weixin_33772645的博客
08-09 1994
问题描述： 　　在一个页面中，我们经常会初始化一下数据，而且会在指定的DOM元素初始化数据，这时候我们就会使用<body onload="fun()">来加载我们的数据。onload指的是在所有的DOM元素都加载完成才会执行JS函数，这为我们初始化动态的加载数据提供很大的帮助。但是有时候我们会发现，<body onload="fun()">中的fun()函数有时候会不执行...
HTML语言详解：IFRAME与BODY标记属性
本文主要介绍了HTML中的IFRAME标记以及BODY标记的相关属性，同时还提供了一个简单的HTML实例，展示了HTML的基本结构和元素。 在HTML中，IFRAME标记用于创建一个可浮动的框架，允许在同一个网页中嵌入另一个网页或者...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值