javascript - HTML ユーザーが文をクリックしたときにメッセージ ボックスを表示する方法

Question

「これは何ですか？」という単純なテキストがあります。HTML ページで。

ボタンにせずに、ユーザーがテキストをクリックしたときにメッセージ ボックスを表示する方法はありますか?

Answer 1

最も簡単な方法は、Javascript を使用することです。

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

(#はクリック後にページをトップにジャンプさせますが、それを防ぐ方法はあります。また、使用を思いとどまらせるhref方法もあります。JavaScript を に配置することもできますが、良い習慣とは見なされません。)

ただし、必ずしもアンカーである必要<a>はなく、任意の HTML 要素にすることができます。

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

<a>、またはユーザーの操作を示すのが通常であるその他の要素でない場合<button>は、それを様式化するか、何らかの方法でクリック可能であることを示す必要があります。

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 の body 内に配置してください。