Question

我正在制作一个javascript函数，将脚本和css元素添加到我的head部分，但是我需要在页面加载之前运行它，我该怎么做？

Answer 1

你可以在加载DOM树后运行脚本而不是图像和声音等只是DOM

 document.addEventListener("DOMContentLoaded", function(event) {
 console.log("DOM fully loaded and parsed");
 });

Answer 2

我想我弄明白了我的问题。问题是它正在加载脚本，但它没有运行window.onload。当我使函数静态运行而不是window.onload时，它工作正常。谢谢你的帮助！

编辑：这也可以动态加载CSS样式表，所以YAY

Answer 3

您最好的选择是只发送html中的脚本，然后让它自动引导页面的其余部分：

<html>
<head>
<script>
  // do whatever you're trying to do with your code
  $.get('path/to/page/partial.html').done(handleNewPartial);
</script>
</head>
<html>

您不能按照要求的方式执行此操作的原因是您的代码始终作为DOM元素包含在页面中，即它必须在<script>标记内传递以供浏览器。因此，根据定义，在将html解析为DOM之后，才能使用您的脚本。

希望这有帮助！

如何在页面加载之前使用DOM运行js代码？

3 个答案: