javascript - HTML 如何在用户点击一个句子时提示一个消息框

Question

我有简单的文字：“这是什么？” 在 HTML 页面上。

如果不让它成为一个按钮，有没有办法在用户单击文本时简单地提示一个消息框？

Answer 1

最简单的方法是使用 Javascript：

<a href="#" onClick="alert('Hello World!');">What is this</a>

（#点击后页面会跳转到顶部，但是有办法阻止，也有的不鼓励使用。JavaScript也可以放在上面href，但不是很好的做法。）

但它不一定必须是<a>锚点，它可以是任何 HTML 元素：

<span onClick="alert('Hello World!');">What is this</span>

如果它不是 a<a>或<button>任何其他通常指示用户交互的元素，则需要对其进行 stilize 或以其他方式指示它以某种方式可点击。

Answer 2

您可以将点击处理程序添加到任何元素，而不仅仅是按钮。

<span onclick="showMsg()">What is this?</span>

Answer 3

这是一种很好的 JavaScript 方法：

`<script language=JavaScript>
 <a href = "#" onMouseOver=" alert("THIS IS SPARTA!!");"> What is this? </a>"
 </script>`

确保将其放在 html 的正文中。