无法从我的html页面调用javascript文件

时间:2013-05-17 19:47:25

标签: javascript html

我是JavaScript的新手,只想将我的JavaScript代码放在另一个文件中。

这是我的html页面:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <title>my badass page</title>
    <script type="text/javascript" scr = "testing.js"></script>//this contains the function I want to call
</head>
<body id="body">
    <button type="button", onclick="showDate()">show the date</button>
</body>
</html>

这是testing.js文件:

function showDate() {
    alert ("this works")
}

我假设我只是犯了一个初学者错误,因为它似乎很常见,但我无法理解。

3 个答案:

答案 0 :(得分:5)

您在标记上拼错了'src'属性

你拼写scr,它应该是src

这样:

<script type="text/javascript" scr = "testing.js"></script>

应该是这样的:

<script type="text/javascript" src = "testing.js"></script>

答案 1 :(得分:3)

将按钮更改为

<button type="button" onclick="showDate()">show the date</button>

并将scr更改为src

编辑:有效的来源:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <title>my badass page</title>
    <script type="text/javascript" src="testing.js">
    </script>
</head>
<body id="body">
    <button type="button" onclick="showDate();">show the date</button>
</body>
</html>

答案 2 :(得分:0)

快速使用html验证程序(例如http://validator.w3.org/nu/)可以发现代码中的许多问题。只需复制粘贴并更正错误。