在我的 HTML 中，我lang在script标签中定义了函数并添加了“Test Fire！” 必须lang在单击时调用的按钮：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Testing Functions</title>
<script type="text/javascript">
function lang() {
alert("Hello, World! It's JavaScript this time");
}
</script>
</head>
<body>
<form action="">
<input type="button" value="Test Fire!" onclick="lang();">
</form>
</body>
</html>但是，如果我单击该按钮，则会收到此错误：
未捕获的类型错误：
lang不是函数
但是，如果我将函数名称更改lang为其他任何内容，则此代码可以正常工作。
考虑这个代码：
<input type="button" value="Debugger Test" onclick="debugger;" />
<input type="button" value="Prototype Test" onclick="console.log(__proto__);" />当您单击“Debugger Test”并打开您的调试器时，您会看到似乎有一个隐式with作用域包裹在 周围onclick，从而<input>无需引用按钮即可访问所有的属性。
单击“Prototype Test”记录当前范围的原型。您将看到它是HTMLInputElement的原型，使整个原型链的所有可作用域属性都可用于作用域。
有趣的是，当前原型链的范围部分HTMLDocument也包括在内。
所有这一切意味着所有全局属性（lang是其中之一）和其他几个特定于按钮的属性都被覆盖。例如value，type也行不通。同样，像createElement(from document)这样的变量也不起作用，但不可分范围的append(from ParentNode.prototype) 会起作用。
所有这一切也在这个关于全局变量与属性冲突的相关问题的答案中进行了解释window。
最好的办法是使用添加事件侦听器的标准方法：addEventListener.
<input type="button" value="Test" />
<script>
function lang() {
alert("Hello, World! It’s not an HTML event handler attribute this time");
}
document.querySelector("input").addEventListener("click", lang);
</script>没有理由复杂化（我真的不知道为什么它不起作用），但是您可以使用：
直接在输入中添加警报。
结果：https : //jsfiddle.net/cmedina/h4m1qcoq/6/
或者
将侦听器添加到输入
function lang() {
alert("Hello, World! It's JavaScript this time");
}
document.getElementById('test').onclick = lang