举报投诉联系我们 手机版 热门标签 名动网
您的位置:名动网 > HTML事件属性onload

HTML事件属性onload

2023-05-12 19:20 HTML参考手册

 HTML事件属性onload

HTML事件属性onload


当加载元素时触发 onload 属性事件。

onload 最常用于< body> 元件以在网页已完全加载全部时执行脚本内容,包括图像,脚本文件,CSS文件等。

我们也可以使用 onload attribute event和iframe。

HTML5中的新功能

没有。

句法

<element onload="script or Javascript function name">

支持的标签

<body>, 
<frame>, 
<frameset>, 
<iframe>, 
<img>, 
<input type="image">, 
<link>, 
<script> 
<style>


浏览器兼容性

onload Yes Yes Yes Yes Yes

例子

以下代码处理body元素上的onload事件。

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
    alert("Page is loaded");
    
    if (navigator.cookieEnabled == true) {
        alert("Cookies are enabled.");
    } else {
        alert("Cookies are not enabled.");
    }    
}
</script>
</head>

<body onload="myFunction()">
   <h1>Hello World!</h1>
   
</body>

</html>

Click to view the demo



实施例2

以下代码处理图像元素的onload事件。

<!DOCTYPE html>
<html>
<body>

<img src="/attachments/jimg/border.png" onload="loadImage()" width="100" height="100">

<script>
function loadImage() {
    alert("Image is loaded");
}
</script>

</body>
</html>

Click to view the demo

阅读全文
以上是名动网为你收集整理的 HTML事件属性onload全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 名动网 mdwl.vip 版权所有 联系我们