0

我已经检查了有关此的其他条目，但似乎都不是我的问题。下面的 HTML 页面在 Chrome 上运行良好。有三行输出。

然而，在 IE9 上，只输出第一行。关于为什么会这样的任何想法？

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script>
        var process = (function () {

            var count = 0;    

            function _execute() {
                count++;
                document.write("Executed " + count + " time(s).<br\>");
            }

            return {
                add: function () {

                    setTimeout(_execute, 50);
                }
            };
        })();
    </script>
</head>
<body>
<script>
    process.add();
    process.add();
    process.add();
</script>

</body>
</html>

输出铬：

Executed 1 time(s).
Executed 2 time(s).
Executed 3 time(s).

输出 IE9：

Executed 1 time(s).
4

1 回答 1

0

页面加载后不要使用 document.write！查看页面源。您将看到它替换了整个文档。

使用 appendChild 或 innerHTML 向页面添加新内容。如果您正在调试，请使用控制台。

    var process = (function () {

        var count = 0,
            outElem = document.getElementById("out");

        function _execute() {
            count++;
            var li = document.createElement("li");
            li.innerHTML = "Executed " + count + " time(s)";
            outElem.appendChild(li);
        }

        return {
            add: function () {

                setTimeout(_execute, 50);
            }
        };
    })();

使用 appendChild 运行示例

于 2013-01-30T23:39:05.370 回答