此Javascript代碼有什么問題？

Question

<a href="javascript:document.getElementById('create_table').style.display='block'">Insert Table</a>

該代碼在Google Chrome瀏覽器中工作正常，但在Internet Explorer和Firefox中僅將其重定向到帶有文本“阻止”的頁面

Answer 1

您的qoutes錯誤：

javascript:document.getElementById('create_table').style.display=''block

一定是：

javascript:document.getElementById('create_table').style.display='block'

但是無論如何，您都不應該使用javascript:偽協議。 更好地使用JavaScript來豐富文檔 。

Answer 2

您永遠不要使用javascript:偽協議。 為此， click使用click事件。 此外，還請注意報價。

這是正確的方法：

<a href="#" onclick="document.getElementById('create_table').style.display='block'; return false;">Insert Table</a>

請注意，我（可選）在此處返回false以阻止默認操作。