Javascript Js和wordpress帮助…它去哪里了？

所以我已经推迟使用js有一段时间了，因为每次我想弄明白它的时候，我都会更加困惑，但现在我真的需要它来为我正在工作的网站服务

我想隐藏页面，直到所有内容都加载（这样你就不会看到元素移动/跳跃到位）

我在这里和网上找到了各种各样的东西，但是每次我把代码放在我认为应该放的地方，我都会出错

以此为例:

window.onload=function（）{
document.getElementById（'loading-mask'）.style.display='none'；
}

在wordpress中，您需要使用插件来帮助插入javascript/jquery

登录wordpress

转到插件>>添加新插件

搜索插件

安装并激活

然后启动插件并插入javascript

您需要选择javascript的位置，要么在标记中，要么就在关闭之前

---

当你向wordpress网站添加javascript时，你想用以下两种方式之一来完成。你可以使用钩子来完成，钩子本质上是你想添加到的代码中的一个“点”

这可以通过在functions.php中放置以下内容来实现

add_action('wp_head', 'wp_54885300_add_js_to_header');

function wp_54885300_add_js_to_header(){ ?>
    <script>

    window.onload=function() {
        document.getElementById('loading-mask').style.display='none';
    }

    </script>
<?php
}

正如其他人所指出的，在窗口完全加载之前隐藏所有内容可能不是一个好主意，原因有很多

---

但是，至少据我所知，这是将JS包含到wordpress安装中的正确方法，无需依赖插件即可开始安装。

错误说明是什么？此函数运行时是否找到id为“loading mask”的元素？“我想隐藏页面，直到所有内容都加载完毕。”（所以你看不到元素移动/跳跃到位。”-坏主意。它只需要一个简单的小错误（你甚至可能无法在测试设备上重现或预见），最终用户可能看不到任何东西。东西不会“跳跃”如果样式构建得当，那么一开始就有这么多。像谷歌PageSpeed这样的工具可能也不会喜欢这种人为的、不必要的延迟…（你知道，正是这种在页面构建中感知到的“速度”是谷歌用来对网站进行排名的因素之一，对吧？）

add_action( 'wp_enqueue_scripts', 'wp_54885300_enqueue_script' );
function wp_54885300_enqueue_script(){
    wp_enqueue_script('anyname', 'path-to-file.js', array(''), 'version', false ); 
}