页面加载后JavaScript调用功能

翻译于 2020-05-19 00:21:28 发布 · 244 阅读

本文介绍了一种在页面及内容完全加载后调用JavaScript函数的简单方法。通过在HTML文档的<body>标签末尾设置onload事件，可以确保函数在所有资源加载完毕后执行，此方法适用于需要等待页面完全加载后再运行的场景。

通常，我们在加载页面时使用以下两种方法来调用函数。

<body onload="happycode() ;">

要么

<script>
window.onload=happycode ;
</script>

但是如何在页面加载后调用JavaScript函数？ 。我通过使用一种非常简单的方法解决了它，它完全符合我的要求，并在页面和内容加载后调用。

只需在正文末尾添加onload函数。 🙂

<html>
<script language='javascript'>
function happycode(){
   alert('helo');
}
</script>
<body> 
<h1>Javascript call after page loaded</h1>

<script>
//call after page loaded
window.onload=happycode ; 
</script>
</body>
</html

标签： JavaScript

翻译自: https://mkyong.com/javascript/javascript-call-funtion-after-page-load/

标签

#javascript #ViewUI