Question

我有一个页面，其中有一些按钮可以使用对象标记在主页中加载html内容。

主页是否有办法知道内容何时完成加载？

原因是：

按钮，在主页上显示加载gif
html加载到对象
隐藏加载gif

加载主页。主机上的按钮导致内容被加载到对象中：

<script>
    .... check which button is pressed and assign path to target 
    var objectContent = "<object type=\"text/html\" data=\"" + target + "\" height=\"500px\" width=\"100%\" style=\"overflow:auto; min-height:400px;\"></object>";
    document.getElementById('content').innerHTML = objectContent;
</script>

我想弄清楚的是如何知道内容何时完成加载到对象中。

Answer 1

您是否尝试使用JavaScript来检查DOM何时完全加载：

window.onload = function () { alert("It's loaded!") }

希望这会有所帮助：）

Answer 2

我找到了答案。将onload包含在object标记中。然后添加一个隐藏加载器的函数。

var out = "<object ... onload=\"contentLoaded(this)\"></object>";

<script>
    function contentLoaded() {
        $(".loader").hide();
    };
</script>

如何知道页面中的对象何时完成加载

2 个答案: