从html文件调用外部.js文件

时间:2016-12-03 20:10:21

标签: javascript html

我的main.js看起来像这样

function myfunction(){
  alert("Button Pressed");
}

HTML文件

<head>
<title>meteorTest</title>
<script type="javascript" src="main.js">
</script>
<!--<script>
    function myfunction(){
        alert("hello");
    }
</script>-->
</head>

<body>
<h1>Welcome to Meteor!</h1>
<input type="button" onclick="myfunction();" value="Click me!" />
</body>

如果我从内部myfunction()运行它可以正常工作。当我评论出来并从外部.js运行时,我收到此错误:

“(索引):1未捕获的ReferenceError:未定义myfunction     在HTMLInputElement.onclick(Globalize)“

HTML和.js都位于同一目录中,因此src =“main.js”中的路径应该是正确的。

1 个答案:

答案 0 :(得分:0)

在外部脚本上,您目前拥有type="javascript",但需要type="text/javascript"才能对其进行评估。