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