没有弹出html页面的onclick警报

时间:2014-10-17 03:20:08

标签: javascript html html5

如何确保在点击链接时显示警告弹出窗口?

<a href="#" onclick="alert('Test');" class="button4" style="margin-top: 10px; font-family: robotoreg;width: 100%;background:#b3c833;">Click <br /><b>Here</b> Now!</a>

如果输入以上代码,则上述代码有效:

<a href="#" onclick="alert('Congratulations\nYou have completed the quiz!\nClick Next to play more games');" class="button4" style="margin-top: 10px; font-family: robotoreg;width: 100%;background:#b3c833;"></a>

警告弹出窗口不会显示。

任何想法为什么? 感谢

2 个答案:

答案 0 :(得分:2)

这里,我使用你的两个例子

jsfiddle.net/9hk6kcuo /

它有效。 第二个前任不起作用,因为你有&#39;在你的js代码(你&#39;)。它将你的代码分成2个

答案 1 :(得分:1)

您没有关闭锚点<a></a>,标记。

改变这个:

<a href="#" onclick="alert('Test');" class="button4" style="margin-top: 10px; font-family: robotoreg;width: 100%;background:#b3c833;">Click <br /><b>Here</b> Now!

为:

<a href="#" onclick="alert('Test');" class="button4" style="margin-top: 10px; font-family: robotoreg;width: 100%;background:#b3c833;">Click <br /><b>Here</b> Now!</a>

使用JSFiddle:http://jsfiddle.net/wwjpj335/