Question

我有一个php应用程序，其中向用户显示网页。该页面有一些链接“编辑”，“重命名”等。

当用户点击链接时，会出现一个对话框提示。对话框只是一个HTML <div>表单，当用户单击“重命名”或“编辑”链接时，它立即显示。

当我查看html源代码（即在Internet Explorer中查看 - ＆gt;源代码）时，我发现了以下Javascript和HTML代码

<a class="update renameButton" href="javascript:void(0);">Rename</a>

我无法理解对话框是如何通过上述代码获得的。

我希望代码类似于以下内容：

<a class="update" onclick='rename();' href="javascript:void(0);">Rename</a>

有人能帮我理解吗？

Answer 1

从<script>元素加载的某些JavaScript可能binds an event handler函数加载到元素。

Answer 2

事件处理程序很可能绑定到其他地方的元素（可能来自包含的JavaScript文件）。例如：

document.getElementsByClassName("update")[0].addEventListener("click", function () {
    // Do something on click of the first `.update` element
}, false);

Answer 3

你不应该像h onclick一样在html中设置事件监听器。该页面向Object注册一个事件监听器。例如使用像jQuery这样的库。

Answer 4

你是完全正确的！除了可以通过其他方式将事件绑定到对象之外，这是非常自然的期望。

如果您检查页面上的JavaScript代码，我相信您可能会找到类似$（'a.renameButton'）的内容.Click（function（）{}）; （如果该站点使用jQuery）或类似的东西绑定该特定标记的onclick事件以执行某些特定操作。

无法理解<a href=""> tag and javascript call</a>

4 个答案: