javascript - 为什么我的 onclick 事件抛出未定义？

Question

我有以下按钮:

<input type="button" onclick="printDiv('print-content')" value="print a div!"/>

下面是下面的 JavaScript:

<script>
$(function() {
  function printDiv(divName) {
   alert('s')
     var printContents = document.getElementById(divName).innerHTML
     w=window.open()
     w.document.write(printContents)
     w.print()
     w.close()
  }
})
</script>

当我点击 printDiv 时，尽管出现以下错误:

Uncaught ReferenceError: printDiv is not defined payment-history:398 onclick

我真的不明白。

Answer 1

因为 printDiv 不在全局范围内。你已经用一个函数包装了它。因此，printDiv 作用域在该直接函数内而不是全局。

JavaScript scoping and Hoisting