📌  相关文章
📜  HTML onloadstart 属性(1)

📅  最后修改于: 2023-12-03 15:15:34.326000             🧑  作者: Mango

HTML onloadstart 属性

onloadstart 属性是一个事件处理程序属性，用于在一个元素开始加载时执行 JavaScript 代码。此事件是异步触发的，意味着它不会阻塞页面加载，并且可能在加载完成之前多次触发。

语法
<element onloadstart="myFunction()">
示例
<!DOCTYPE html>
<html>
<body>

<img src="myImage.jpg" onloadstart="showMessage()">

<script>
function showMessage() {
  alert("The image has started to load.");
}
</script>

</body>
</html>

在上述示例中，当图片开始加载时，会弹出一个显示“图片开始加载”的警告框。

兼容性

|浏览器|onloadstart事件| |-----|-------------| |Chrome|6.0| |Firefox|52.0| |Internet Explorer|9.0| |Safari|5.0| |Opera|15.0|

注意事项

  • 该属性只适用于以下 HTML 元素：<audio>, <embed>, <img>, <link>, <script>, <source>, <track>, 和 <video>。

  • onloadstart 事件指示资源开始加载，而不是完成加载。如果需要在资源完成加载时执行 JavaScript 代码，请使用 onload 事件。

  • onloadstart 事件触发的频率取决于资源的大小和所使用的网络速度。

参考文献