调用从远程文件加载的JavaScript函数

时间:2011-10-29 17:09:38

标签: javascript html

我刚刚开始使用HTML / JavaScript,我有一个简单的问题。我试图从一个单独的脚本源调用一个js函数,但我遇到了一些麻烦。我的函数脚本(date_button_function.js)读取:

function displayDate()
{
    document.getElementById("date").innerHTML=Date();
}

为了调用此函数,我的代码如下所示:

<html>
<head>
<script type="text/javascript" src="date_button_functoin.js"></script>
<body>
<h1>Testing the Date</h1>
<p id="date">Click below to see the date.</p>
<button type="button" onclick="displayDate()">Display Date</button>
</body>
</html> 

当我在HTML脚本中实际写出displayDate函数时,它运行得很好。但是,在调用该函数时,它不起作用。如果有人能让我知道我的语法错误,那就太棒了。

1 个答案:

答案 0 :(得分:3)

您没有关闭头标,这可能是您的问题。另外,正如评论中所述,js文件的名称是错误的,应该阅读&#34; date_button_function.js&#34;而不是&#34; date_button_functoin.js&#34;