HTML中onclick触发报错：copyPage未定义该如何解决？

你遇到的Uncaught ReferenceError: copyPage is not defined错误，本质是浏览器触发按钮点击时，找不到你定义的copyPage函数，常见原因和对应解决办法如下：

1. JS文件加载时机错误 #

如果你的<script src="script.js">放在页面元素（比如按钮）之前加载（比如<head>标签里且未添加defer/async），浏览器解析按钮的onclick时，copyPage函数还没被定义，就会报错。

解决办法：

• 把<script src="script.js"></script>放在</body>标签的前一行，确保页面所有元素加载完成后再加载JS；
• 或者在<head>里的script标签添加defer属性：<script src="script.js" defer></script>，defer会让JS在DOM解析完成后执行，同时不阻塞页面渲染。

2. 函数作用域被限制 #

如果你的copyPage函数被包裹在闭包（比如自执行函数）、window.onload或DOMContentLoaded事件回调里，它就属于局部作用域，而按钮的onclick是在全局作用域查找函数，自然找不到。

比如这种错误写法：

window.addEventListener('DOMContentLoaded', function() {
  function copyPage() {
    // 你的复制逻辑
  }
});

解决办法：

• 把copyPage函数移到闭包/事件回调外面，让它处于全局作用域；
• 或者在闭包里把函数挂载到全局对象：

window.addEventListener('DOMContentLoaded', function() {
  function copyPage() {
    // 你的复制逻辑
  }
  window.copyPage = copyPage; // 挂载到全局
});

3. JS文件路径错误 #

如果script.js的路径写错，浏览器根本没加载到这个文件，函数自然不存在。可以打开Chrome控制台的「Network」标签，刷新页面后查看script.js的加载状态：如果是404，说明路径不对。

解决办法：

• 确认script.js和index.html的位置：如果在同一目录，路径写src="script.js"；如果在子目录（比如js文件夹），写src="js/script.js"；如果是上级目录，写src="../script.js"。

4. 函数名拼写/大小写错误 #

JS是大小写敏感的，如果script.js里的函数名写成copypage、CopyPage，和按钮onclick里的copyPage不一致，也会触发找不到函数的错误。

解决办法：

• 仔细核对script.js里的函数名，确保和onclick="copyPage();"完全一致（包括大小写）。

内容的提问来源于stack exchange，提问作者AAA