此Javascript代码有什么问题？

Question

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

该代码在Google Chrome浏览器中工作正常，但在Internet Explorer和Firefox中仅将其重定向到带有文本“阻止”的页面

Answer 1

Your qoutes are wrong:

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

It must be:

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

But you shouldn't use javascript: pseudo-protocol anyway. Better use JavaScript to only enrich your document .

Answer 2

You should never use the javascript: pseudoprotocol. Use the click event for this. Besides, also watch the quotes.

Here's the correct approach:

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

Note that I (optionally) returned false here to block the default action.