Home/ Questions/Q 6790027
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T17:40:34+00:00

Html: <!DOCTYPE html> <html> <head> <SCRIPT language=JavaScript src=mapbody.js></SCRIPT> </head> <body> <A HREF=javascript:a_message()>Click for a

  • 0

Html:

<!DOCTYPE html>
<html>
<head>

<SCRIPT language="JavaScript" src="mapbody.js"></SCRIPT> 
</head>
<body>

  <A HREF="javascript:a_message()">Click for a message..</A> 

</body>
</html>

mapbody.js:

function a_message()
{
alert('I came from an external script! Ha, Ha, Ha!!!!');
}

When I pull up the web page and click the link nothing happens. Both files are in the same folder. What am I missing?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Several things:

    1. HTML-elements should all be lower-case.
    2. The language-attribute in the script-tag is obsolete. Use type="text/javascript" instead.
    3. A JavaScript-function call should go into the onclick-attribute, not the href.

    A proper implementation might look like this:

    <!DOCTYPE html>
<html>
<head>
<title>Is required!</title>
<script type="text/javascript" src="mapbody.js"></script> 
</head>
<body>
  <a onclick="a_message();" href="#">Click for a message..</a> 
</body>
</html>

    Also, binding function-calls to an HTML-Element using the onclick (or any other onXX-attribute) is old-school. Library’s like jQuery enable you to use CSS-selectors to bind actions on certain HTML-elements, which allows a full separation of HTML and JavaScript.

    • 0