如何在頁面加載之前使用DOM運行js代碼？

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 個解決方案

解決方案1
0 2015-02-26 14:58:23

解決方案2
0 2015-02-26 15:05:21

解決方案3
0 2015-02-26 15:05:49

如何在頁面加載之前使用DOM運行js代碼？

問題描述

3 個解決方案

解決方案1 0 2015-02-26 14:58:23

解決方案2 0 2015-02-26 15:05:21

解決方案3 0 2015-02-26 15:05:49

解決方案1
0 2015-02-26 14:58:23

解決方案2
0 2015-02-26 15:05:21

解決方案3
0 2015-02-26 15:05:49