Noob尝试js和html编码…却惨败
[英]Noob attempting js and html coding…and failing miserably
问题描述
Html: 
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: 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? 我想念什么？
3 个解决方案
解决方案1
4 已采纳 2011-11-12 22:43:43
Several things: 几件事：
- HTML-elements should all be lower-case. HTML元素应全部为小写。
- The
language-attribute in thescript-tag is obsolete.script-tag中的language-attribute已过时。 Usetype="text/javascript"instead.请改用type="text/javascript"。 - A JavaScript-function call should go into the
onclick-attribute, not thehref.JavaScript函数调用应该进入onclick属性，而不是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. 同样，使用onclick （或任何其他onXX ）将函数调用绑定到HTML元素是过时的。 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. 类似于jQuery的库，使您能够使用CSS选择器来绑定某些HTML元素上的动作，从而实现HTML和JavaScript的完全分离。
解决方案2
0 2011-11-12 22:46:26
<!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 was faster than me. Lukas Knuth比我快。 :)
解决方案3
0 2011-11-12 22:51:50
Works for me (Firefox 8) : http://jsfiddle.net/FCXxU/ 适用于我（Firefox 8）： http : //jsfiddle.net/FCXxU/
Is the URL to your script good? 脚本的网址是否正确？
A simple way to check that is to add an alert('test'); 一种简单的检查方法是添加一个alert('test'); at the beginning of mapbody.js (before the function). 在mapbody.js的开头（在函数之前）。
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.