javascript - 加载 HTML 后最后执行 JavaScript 代码

标签 javascript jquery onload

我想在 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';
}

它通过以下方式包含在结束 body 标记之前:

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

我尝试将上述代码放在结束 body 标记之前,但目前我不知道为什么这不起作用(内容没有被我的 JavaScript 代码更改)。如果我之后在控制台上执行它,一切都会正常。

解决方案:

我在 HTML 文件中设置了配置参数(语言)。在 JavaScript 文件中,我要求提供该值,并根据该值定义另一个内容。有时它可以如此简单......

最佳答案

试试这个:

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

关于javascript - 加载 HTML 后最后执行 JavaScript 代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11457491/

相关文章:

javascript - 一步创建元素并分配类

javascript - 暂停页面执行,直到 jQuery 警报关闭后,然后运行函数

jquery - 在 jQuery 中使用 window.location.hash

javascript - jQuery 响应式多页菜单鼠标悬停/离开交互

javascript - 带有 DOMContentLoaded 或加载事件处理程序的异步加载脚本未被调用?

javascript - 有没有可能在城市的地区使用地理图表?

javascript - 有没有办法在 JavaScript 中反转 Intl.NumberFormat 的格式

javascript - 语法错误: missing } after property list

javascript - 是否可以在所有JS执行完后获取页面的DOM结构?

javascript - 为什么我的所有数据都会显示,即使我已经设置了条件以在幻灯片中每 3 个数据显示它?