調用javascript函數onclick =“ fn1（）”和onclick =“ javascript：fn1（）”時有什么區別

Question

直接在onclick =“ fn1（）”和onclick =“ javascript：fnq（）”上調用函數有什么區別？

最好的方法是什么？

謝謝

Answer 1

它們在功能上是等效的。 哪個最好？ 都不是。 不要混合使用標記和JavaScript。 而是將函數綁定到您的元素：

<div id="element"></div>

現在有多種方法可以做到這一點：

// Find element
var el = document.getElementById('element');

// Option 1:
el.onclick = function() {
    fn1();
};

// Or by reference:
el.onclick = fn1;

// Option 2:
if (el.addEventListener) {
    el.addEventListener('click', fn1, false);
} else {
    el.attachEvent('click', fn1);
}

Answer 2

區別在於onclick="fn1()"表示您認為的功能（“運行函數fn1() “），而onclick="javascript:fnq()"使用javascript:作為fnq()語句的無用標簽 fnq() 。 請注意，您還可以編寫onclick="foobarbaz:fnq()" ，它會做同樣的事情； javascript絕對沒有什么特別的。 （您可能會考慮使用javascript:作為<a href="javascript:fnq()">的URL協議，其中javascript:與http:將具有相同的通用用途：它將指示URL的類型。 ）

其中， onclick="fn1()"是更好的做法，盡管通常最好從JavaScript附加點擊處理程序，而不是先將其放入HTML。

Answer 3

我相信W3C已將javascript內聯。

僅當嘗試在事件處理程序中使用兩種不同的腳本語言時，才使用內聯javascript。