Noob尝试js和html编码…却惨败

Question

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

当我拉起网页并单击链接时，没有任何反应。 这两个文件都在同一文件夹中。 我想念什么？

Answer 1

几件事：

HTML元素应全部为小写。
script -tag中的language -attribute已过时。 请改用type="text/javascript" 。
JavaScript函数调用应该进入onclick属性，而不是href 。

正确的实现可能如下所示：

<!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>

同样，使用onclick （或任何其他onXX ）将函数调用绑定到HTML元素是过时的。 类似于jQuery的库，使您能够使用CSS选择器来绑定某些HTML元素上的动作，从而实现HTML和JavaScript的完全分离。

Answer 2

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

Lukas Knuth比我快。 :)

Answer 3

适用于我（Firefox 8）： http : //jsfiddle.net/FCXxU/

脚本的网址是否正确？

一种简单的检查方法是添加一个alert('test'); 在mapbody.js的开头（在函数之前）。

Noob尝试js和html编码…却惨败

问题描述

3 个解决方案

解决方案1
4 已采纳 2011-11-12 22:43:43

解决方案2
0 2011-11-12 22:46:26

解决方案3
0 2011-11-12 22:51:50

Noob尝试js和html编码…却惨败

问题描述

3 个解决方案

解决方案1 4 已采纳 2011-11-12 22:43:43

解决方案2 0 2011-11-12 22:46:26

解决方案3 0 2011-11-12 22:51:50

解决方案1
4 已采纳 2011-11-12 22:43:43

解决方案2
0 2011-11-12 22:46:26

解决方案3
0 2011-11-12 22:51:50