在Google Chrome中“删除”保留的关键字？

Question

我有一个有趣的问题，我认为我已经掌握了它的根源，但我想确定。 我有一个调用名为remove（）的函数的链接。 除Chrome以外的所有浏览器都没有该功能的问题。 但是，点击的链接在Chrome中消失了，即使我简化了下面示例中的功能。 我见过这个问题： 不能在javascript中使用“下载”作为函数名 。 但是，在链接中，我没有看到任何关于“删除”作为保留关键字的内容。 我的问题是，我是关于这个关键字的正确吗？ 如果是这样，我可以在任何地方找到Google关键字列表吗？ 我搜索过，并没有发现这是其他地方的问题。

<a href="javascript:void(0)" onclick="remove()">Remove</a>

使用Javascript：

function remove(){
 alert("Hi");
}

Answer 1

Chrome中的元素有一个.remove()方法，允许自行删除元素，而不必从父元素中删除元素。

问题是，当使用属性处理程序时，您将获得不同的范围链。 该范围链包括元素本身以及document 。 这意味着元素和document所有属性都显示为变量。

因为你将函数命名为remove() ，并且因为它是一个全局函数/变量，所以它被元素本身的.remove属性（现在变量）所遮蔽。 这可以通过警报看到。 如果您将处理程序更改为：

onclick="alert(remove)"

......你会得到类似的东西：

function remove() { [native code] }

所以它不是保留的，而是它被用作最终影响全球的财产。

---

要修复它，请直接使用全局：

onclick="window.remove()"

或者更改功能名称。

Answer 2

我没有使用铬的问题，不是这样的

<a href="#" id="remove">Remove</a>

function remove() {
    alert("Hi");
}

document.getElementById("remove").addEventListener("click", remove, false);

在jsfiddle

内联javascript被认为是不好的做法。

如果你有更多使用相同功能的元素，只需添加更多行，就像这样

document.getElementById("remove1").addEventListener("click", remove, false);
document.getElementById("remove2").addEventListener("click", remove, false);
document.getElementById("remove3").addEventListener("click", remove, false);
document.getElementById("remove4").addEventListener("click", remove, false);

或者你可以获得一个nodelist并循环遍历

var nodelist = document.querySelectorAll("[id^=remove]");

Array.prototype.forEach.call(nodelist, function (element) {
    element.addEventListener("click", remove, false);
}

你可以在这里看看另一个答案，以了解更多关于事件绑定方法之间的差异，也做一点G搜索主题将给你进一步的信息。 当然，您可以通过这种方式避免遇到的问题。

Answer 3

我找不到任何关于它的文档，但Chrome中的DOM元素有一个本机方法remove ，显然删除它们。 在onclick ， this实际上是指元素本身，因此它最终调用this.remove()来删除元素。 要解决这个问题，您只需调用window.remove() 。

http://jsfiddle.net/3YkZH/1/

通过addEventListener使用标准事件绑定也更好，在调用remove时没有这个问题：

http://jsfiddle.net/3YkZH/2/