Noobがjsとhtmlコーディングを試みて…そして惨めに失敗する

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!!!!');
} 

ウェブページをプルアップしてリンクをクリックしても、何も起こりません。両方のファイルは同じフォルダにあります。私は何が欠けていますか?

ベストアンサー

いくつかのこと:

  1. HTML要素はすべて小文字にする必要があります。
  2. script タグの language 属性は廃止されました。代わりに
    type = "text/javascript" を使用してください。
  3. 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を完全に分離できます。

コメントする

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です