点击按钮关闭标签页的deny函数报错：deny is not a function

这个报错的根源其实很简单——你的按钮id和函数名重名了！

浏览器有个默认行为：如果页面里的元素带有id属性，会自动把这个元素挂载到全局的window对象上，变量名就是id的值。你的按钮id是deny，所以window.deny被这个按钮元素占据了，直接覆盖了你之前定义的deny()函数。当你点击按钮执行onclick="deny()"时，实际上是在尝试调用那个按钮元素，而不是你的函数，自然就会报“不是函数”的错。

快速解决方案 #

有两种简单的修复方式，选一种就行：

• 修改按钮的id，比如改成denyBtn，避免和函数名冲突：

  <button id="denyBtn" onclick="deny()">
    <span id="d">Close</span>
  </button>
  

• 修改函数名，比如改成closeTab，同样避免冲突：

  function closeTab(){ 
    console.log("deny function executed.. :D "); 
    window.close(); 
  };
  

  <button id="deny" onclick="closeTab()">
    <span id="d">Close</span>
  </button>
  

另外补充一点：你提到的window.close()可能不会生效——浏览器通常只允许关闭由JavaScript打开的窗口，如果你是手动打开的标签页，这个方法大概率会被浏览器阻止，但这和你当前的函数报错是两个独立的问题哦。

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