Question

我有以下页脚html代码

<footer class="footer">
        <div class="container">
            <p class="text-muted"> <a href="about.html">About Us</a> | <a href="contactus.html">Contact Us</a></p>
            <p class="text-muted">&copy; Copyright of abc
                <span id="yearfooter"> </span>
            </p>
        </div>
</footer>
<script src="scripts/abc.js"></script>

以及我的jscript的以下内容

$(function() {
$('#yearfooter').footer({
    document.write(new Date().getFullYear());
});

}）;

我对javascript很新。我正在尝试让这个脚本动态获取当前年份并在页脚中显示。但有了这个，我似乎无法显示年份。我不确定我在这里做错了什么。

Answer 1

$('#yearfooter')创建一个jQuery对象，该对象包含ID为“yearfooter”的元素。因为它是一个jQuery对象，所以你只能在它上面调用jQuery方法（或jQuery插件添加的方法）。 footer不是jQuery方法。

由于您只是尝试更新“yearfooter”范围内的文本，因此您可能需要jQuery text method。该语法只是：

$('#yearfooter').text(new Date().getFullYear());

Answer 2

使用document.write会覆盖网页，因此您需要以下内容：

$(function() {
    $('#yearfooter').text(new Date().getFullYear());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<footer class="footer">
        <div class="container">
            <p class="text-muted"> <a href="about.html">About Us</a> | <a href="contactus.html">Contact Us</a></p>
            <p class="text-muted">&copy; Copyright of abc
                <span id="yearfooter"> </span>
            </p>
        </div>
</footer>

Answer 3

您只需使用此代码段即可获得结果

    function() {
    var date = new Date();  // Get the date object
    var year = date.getFullYear(); // get year from date object 
      // use textcontent to put the text inside the relevant tag using its id
   document.getElementById("yearfooter").textContent = year
    };

注意：由于您没有使用jquery标记此问题，因此仅使用javascript

WORKING EXAMPLE

Answer 4

$(document).ready(function(){
     $('#yearfooter').html(new Date().getFullYear());
});

<script src="http://code.jquery.com/jquery-2.2.0.min.js"></script>
<footer class="footer">
        <div class="container">
            <p class="text-muted"> <a href="about.html">About Us</a> | <a href="contactus.html">Contact Us</a></p>
            <p class="text-muted">&copy; Copyright of abc
                <span id="yearfooter"> </span>
            </p>
        </div>
    </footer>

如何使用id从html调用javascript

4 个答案: