Question

我在Javascript中有一个函数可以更改WordPress管理员中显示的一些文本。以下代码将向h1标记添加文本，并向某些锚标记添加display none。我遇到的问题是它有1-2秒显示旧文本并显示链接。我试图弄清楚是否有办法消除这种延迟，因此用户不知道文本正在被更改。

var replaceText = function() {
    var Wrapper = document.getElementById("wrap");

    var Header = Wrapper.getElementsByTagName("h1");
    Header[0].innerHTML = "Backup and Restore";

    var topLinks = Wrapper.getElementsByTagName("a");
    for(var i = 1; i < 10; i++) {
        topLinks[i].style.display = "none";
    }

}

function init(){
    replaceText();
}

window.onload = init;

Answer 1

我们无法消除它们之间的延迟。

加载窗口后调用init函数。这意味着您的html和css首先被加载，直到那时您尝试从javascript中隐藏的元素将不会隐藏。因此，您可以坚持使用css解决方案来隐藏它们，稍后当您希望它们显示时，您可以使用javascript。

JavaScript - 消除文本替换的延迟

1 个答案: