页面加载时如何运行函数？

javascript html onload

2022-08-30 00:01:45

我想在加载页面时运行一个函数，但我不想在标签中使用它。<body>

我有一个脚本，如果我在中初始化它，它会运行，如下所示：<body>

function codeAddress() {
  // code
}

<body onLoad="codeAddress()">

但是我想在没有的情况下运行它，并且我已经尝试了很多事情，例如：<body onload="codeAddress()">

window.onload = codeAddress;

但它不起作用。

那么在加载页面时如何运行它？

答案 1

window.onload = codeAddress;应该工作 - 这是一个演示，和完整的代码：

<!DOCTYPE html>
<html>
    <head>
        <title>Test</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script type="text/javascript">
        function codeAddress() {
            alert('ok');
        }
        window.onload = codeAddress;
        </script>
    </head>
    <body>
    
    </body>
</html>

<!DOCTYPE html>
<html>
    <head>
        <title>Test</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script type="text/javascript">
        function codeAddress() {
            alert('ok');
        }
        
        </script>
    </head>
    <body onload="codeAddress();">
    
    </body>
</html>

答案 2

自jQuery发布以来，原生JavaScript没有使用jQuery或window.onload，而是采用了一些很棒的功能。所有现代浏览器现在都有自己的DOM就绪函数，而无需使用jQuery库。

如果你使用原生Javascript，我会推荐这个。

document.addEventListener('DOMContentLoaded', function() {
    alert("Ready!");
}, false);