javascript - 这段 JavaScript 代码有什么问题？

Question

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

该代码在 Google Chrome 中运行得很好，但在 Internet Explorer 和 Firefox 中它只是重定向到带有文本“block”的页面

Answer 1

你应该never使用 javascript: 伪协议(protocol)。为此，请使用 click 事件。此外，还要注意报价。

正确的做法是:

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

请注意，我(可选)在此处返回 false 以阻止默认操作。