javascript - HTML 不会运行 JavaScript 函数

标签 javascript html

问题是我无法让简单的 JavaScript 函数与 HTML 一起运行。我收到一条错误消息“Uncaught ReferenceError:getYear 未定义”。谢谢!

$(document).ready(function () {
  function getYear(){
    document.write(new Date().getFullYear());
  }
});
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="js/script.js"></script>
</head>

<body>
    <footer>
        <p>&copy; <script> getYear()</script> | All rights reserved</p>
    </footer>
</body>
</html>

最佳答案

我相信这是因为你将函数包装在 js 文件中,处于 document.ready 状态 因此您无法访问 HTML 页脚标记内的函数。

删除 document.ready 将解决该问题。

你的新代码应该是

  function getYear(){
    document.write(new Date().getFullYear());
  }

关于javascript - HTML 不会运行 JavaScript 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55766951/

相关文章:

javascript - 获取给定日期的星期几

javascript - 下推所有元素,包括使用位置 :fixed 的元素

javascript - .css 给我提供了有关我的部分的错误信息

javascript - 如果选项值匹配则显示 div - jQuery

javascript - 从 .js/外部文件生成工具提示文本

html - 是否可以在 Chrome Developer Tools Elements 面板中选择多个元素?

javascript - 在按钮单击事件上初始化 AMCharts

javascript - 使用 Node JS Cheerio 模块抓取时的服务器端问题?

javascript - 如何根据页面滚动使固定导航栏透明?

javascript - 为什么 ant d 在其表格的下拉列表中将文本包装在 anchor 标记中