加载HTML后，在末尾执行JavaScript代码

Execute JavaScript code at the end when the HTML has been loaded

本文关键字：执行 JavaScript 代码 HTML 加载      更新时间：2023-09-26

我想在加载HTML后的最后执行一个函数。我用onload尝试过，但没有成功。我也在ready上尝试过，但仍然不起作用。这是我的密码。这再次放在标题中：

<script type="text/javascript">
    $(document).ready(function() {
        $('#infowindow_content').html('test');
    });
</script>

div也是由一个外部JavaScript文件设置的。内容：

window.onload = initialize;
function initialize() {
    document.getElementById('infowindow_content').innerHTML = 'testa';
}

在关闭正文标签之前，它以以下方式包含：

<script type="text/javascript" src="../lib/functions.js"></script>

我试图将上面的代码放在关闭body标记之前，但目前我不知道为什么这不起作用（我的JavaScript代码没有更改内容）。如果我之后在控制台上执行它，一切都会很好。

解决方案：

我在HTML文件中设置了一个配置参数（语言）。在JavaScript文件中，我要求这个值，并根据这个值定义另一个内容。有时它可能是如此简单。。。

试试这个：

setTimeout(function() {
 $(document).ready(function() { 
     $('#infowindow_content').html('test');
 });
}, 20);

我不知道等效的jQuery，但尝试了原生JS。

由于CCD_ 3具有最多的HTML&<head>之后加载。。。

document.body.onload=function(){
    yourFunction(args)
}
<body onload="yourFunction(args)">...</body>

或者window对象，因为它是每个网页DOM的根。。。

window.onload=function(){
    yourFunction(args)
}

始终将DOM操作代码直接放在</body>标记之前。头中的JavaScript应该只对库调用，比如jQuery。

相关文章：