将javascript功能链接到“提交”按钮

时间:2016-04-25 03:47:00

标签: javascript html

这是我的HTML结构:

<html>
<body>
<head>
...
   <script type='text/javascript' src="js/javascript.js"></script>
</head>
...
<button class="submit" onclick="submitted()">Submit</button>
</body>
</html>

我的文件目录是Desktop/Project/。在项目文件夹中,HTML文件是独立的,并且存在一个名为js的子文件夹,其中存在javascript.js

在外部js文件中,它是这样的:

function submitted(){
...
subtask(variable)
...
}

function subtask(param){
...
}

submitted()内,我添加了alert('hello');作为第一件事,当我刷新html页面时它不会触发警报。我做错了吗?

2 个答案:

答案 0 :(得分:1)

将您的<script>标记更改为:

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

..表示“当前目录上方的一个目录”。

答案 1 :(得分:0)

根据您的描述,html文件位于项目文件夹中,而js文件位于 project / js 文件夹中,然后src路径../js/javascript.js必须是错的。试试js/javascript.js

最初,我认为是因为您将script标记放在head内,而不是button标记之后。但我试过了。它适用于script

中的head