無法理解<A HREF>標簽和JavaScript調用</a>

Question

我有一個php應用程序，其中網頁顯示給用戶。 該頁面具有一些鏈接“編輯”，“重命名”等。

當用戶單擊鏈接時，將提示對話框。 該對話框不過是HTML <div>表單，當用戶單擊“重命名”或“編輯”鏈接時，該表單會立即顯示。

當我查看html源代碼（即Internet Explorer中的view-> source）時，我發現了以下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可能會將事件處理程序功能綁定到該元素。

Answer 2

事件處理程序最有可能綁定到其他位置的元素（也許從包含的JavaScript文件中）。 例如：

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

Answer 3

您不應該再像onclick一樣在html中設置事件監聽器。 該頁面將事件偵聽器注冊到對象。 例如使用類似jQuery的庫。

Answer 4

你是絕對正確的！ 除了有其他方式將事件綁定到對象之外，期望發生這種事情也是很自然的。

如果您檢查頁面上的JavaScript代碼，我相信您會發現可能看起來像$（'a.renameButton'）。click（function（）{}）;。 （如果該網站使用的是jQuery）或綁定該特定標簽的onclick事件以執行某些特定操作的類似內容。