執行函數名稱爲remove（）

後，按鈕被從html頁面中刪除任何人都可以解釋爲什麼這段代碼將在FF和Chrome中點擊後刪除buton嗎？ IE會顯示警報。執行函數名稱爲remove（）

<html> 
<head> 
<script> 
function remove() 
{ 
alert('test'); 
} 

</script> 
</head> 
<body> 
<input type="button" onclick="remove();" value="Remove"/> 
</body> 
</html>

來源

2014-07-09 user3821418

請勿在JavaScript方法或事件之後命名函數 – j08691

[請勿使用內聯事件處理程序]（http://stackoverflow.com/a/21975639/218196）或者至少知道你在做什麼。[DOM節點有一個'remove'方法]（https://developer.mozilla.org/en-US/docs/Web/API/ChildNode.remove）和這是什麼被調用，而不是你的功能 –

好發現@ j08691。 –

因爲javascript有一個remove方法。命名你的功能abcd，它很好：

<html> 
<head> 
<script> 
function abcd() 
{ 
alert('test'); 
} 

</script> 
</head> 
<body> 
<input type="button" onclick="abcd();" value="Remove"/> 
</body> 
</html>

來源

2014-07-09 17:04:31

「remove」在這裏沒有列爲事件：https：//developer.mozilla.org/en-US/docs/Web/Events。您有沒有任何參考？ –

我也在看，我只看到了這個HTTPS：//developer.mozilla。 org/en-US/docs/Web/API/ChildNode.remove – mplungjan

抱歉，我的錯，我會編輯 –

Don't use inline event handlers或至少知道你在做什麼。

問題是元素本身的屬性位於內聯事件處理程序的範圍內，並且DOM nodes have a remove method *****。所以remove()相當於this.remove()，即它調用按鈕的方法remove。

解決方案：

重命名功能
Use a different way to bind event handlers

*：這是不支持IE又一個相對較新的API，所以它的工作原理在IE中罰款。使用內聯事件處理程序

來源

2014-07-09 17:08:01

通常被認爲是不好的做法，因爲你是要求瀏覽器從HTML字符串解析JavaScript事件，一個更好的方法是如下：

<html> 
<head> 
<script> 
    window.addEventListener("load",function(){ 
    window.myButton = document.getElementById("myButton"); 
    window.myButton.addEventListener("click",myButtonFunction); 
    }); 

    function myButtonFunction() 
    { 
    alert('test');  
    } 

</script> 
</head> 
<body> 
<input id="myButton" type="button" value="Remove"/> 
</body> 
</html>

還你不需要將其聲明爲窗口變量（全局），除非您想在函數中訪問它。（但是也可以通過document.getElementById（「myButton」）再次訪問它）

來源

2014-07-09 17:12:40 dano

執行函數名稱爲remove（）

回答

相關問題