我的 Javascript 似乎不起作用 - DOM 是否已更改？

Question

像我們中的許多人一樣，我希望盡可能將我的代碼保持為 DRY（不要重復自己）——這包括我的網站。 我想通過將公共頁腳導入所有頁面來實現這一點 - 這很好，我這樣做如下：

頁面.html

<html> 
  <head> 
    <script type="text/javascript"> 
    $(function(){
      $("#footer").load("./Components/footer.html");
    });
    </script> 
  </head> 

  <body>
    This is my main page content
     
    <div id="footer"></div>  
  </body> 
</html>

頁腳.html

<div class="copyright-notice">
  <p align=center>
    Copyright © 2019 - <class id="getyear"></class> Joe Bloggs.
  </p>
</div>
<script>
  let d = new Date();
  document.getElementById("getyear").innerHTML = (new Date()).getFullYear();
</script>

此處包含頁腳的問題 - 但它僅包含以下內容：

我希望它包含：

我想知道這是不是 DOM 問題。 順便說一下，我可以看到 JavaScript 正在執行 - 因為如果我將<class id="getyear"></class>放入 page.html 中，那么 footer.html 中的 JavaScript 可以正常工作並正確輸入日期。

這有點裝腔作勢。 有任何想法嗎？

Answer 1

您的代碼運行完美 :)

這是截圖

頁面.html

<html>
  <head>
    <script
      src="https://code.jquery.com/jquery-3.6.0.min.js"
      integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
      crossorigin="anonymous"
    ></script>
    <script type="text/javascript">
      $(function () {
        $("#footer").load("./footer.html");
      });
    </script>
  </head>
  <body>
    This is my main page content
    <div id="footer"></div>
  </body>
</html>

頁腳.html

<div class="copyright-notice">
  <p align="center">
    Copyright © 2019 - <class id="getyear"></class> Joe Bloggs.
  </p>
</div>
<script>
  let d = new Date();
  document.getElementById("getyear").innerHTML = new Date().getFullYear();
</script>

我的 Javascript 似乎不起作用 - DOM 是否已更改？

問題描述

1 個解決方案

解決方案1
0 2021-11-13 12:28:29

我的 Javascript 似乎不起作用 - DOM 是否已更改？

問題描述

1 個解決方案

解決方案1 0 2021-11-13 12:28:29

解決方案1
0 2021-11-13 12:28:29