Html：
<!DOCTYPE HTML>
<html>
<head>
<script language="JavaScript" src="mapbody.js"></script>
</head>
<body>
Click for a message..
</body>
</html>
mapbody.js：
function a_message()
{
alert('I came from an external script! Ha, Ha, Ha!!!!');
}
ウェブページをプルアップしてリンクをクリックしても、何も起こりません。両方のファイルは同じフォルダにあります。私は何が欠けていますか？
ベストアンサー
いくつかのこと：
- HTML要素はすべて小文字にする必要があります。
-
scriptタグのlanguage属性は廃止されました。代わりに
type = "text/javascript"を使用してください。 - JavaScript関数呼び出しは
hrefではなくonclick
属性に移動する必要があります。
適切な実装は次のようになります。
<!DOCTYPE HTML>
<html>
<head>
<title>Is required!</title>
<script type="text/javascript" src="mapbody.js"></script>
</head>
<body>
Click for a message..
</body>
</html>
また、 onclick （またはその他の onXX
属性）を使用してHTML要素に関数呼び出しをバインドするのは、古い学校です。ライブラリのようなjQueryを使用すると、CSSセレクタを使用して特定のHTML要素にアクションをバインドすることができ、HTMLとJavaScriptを完全に分離できます。