怎么编写和调用js文件

Question

我这样写一个js文件（以下为完整内容，即我在js文件内没有写<script></script>标签）

********************************
function func1(){ alert("调用了函数1");}
function func2(){ alert("调用了函数2"); }
********************************

然后在html中有这样的调用
<button type="button" onclick="javascript:func1()">函数1</button>
<button type="button" onclick="javascript:func2()">函数2</button>

html的head中有<script type="text/javascript" src="test.js"></script>的语句

最后结果是弹出乱码的对话框。

html是XHTML 1.0 编码是UTF-8

js文件中除了上面的，我什么也没写，应该怎么写js文件，还有html调用时怎么调用？

如果有html中有func3()可不可以这样写
（test.js还是只有func1和func2）

<script type="text/javascript" src="test.js">
function func3（）{alert("调用了函数3");}
</script>

关键问题，js文件书写规范以及调用js文件中函数的方法，最好有例子。

新手入门，请教高手。谢谢

Answer 1

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。

2、在index.js中，实现func1和func2函数。

3、在index.html中，新增第3个button，并调用func3()方法，并在<script>标签中输入js代码：

function func3() {
$('body').append('use func3<br/>');
}

4、浏览器运行index.html页面，此时点击“函数3”按钮，能正常执行func3函数来输出内容。

Answer 2

方法定义建议用：var f=function(){...}
html中的标签基本上都能用onclick,onmouseover,onmouserout等调用js中的方法，当然前面需要加上<script type="text/javascript" src="文件名"></script>

Answer 3

如果你是将JS函数写入到一个单独的文件中，如function.js，

下面为function.js
/*
这里最好是记录一下函数的作用，如果有参数，最好就是说明一下
函数名称：func1
函数作用：测试加载外部JS文件
参数说明：无
*/
function func1(){
alert("调用了函数1");
}
/*
函数名称：func1
函数作用：测试加载外部JS文件
参数说明：无
*/
function func2(){
alert("调用了函数2");
}

至于JS的书写规范有很多种，主要就是方便浏览及习惯，你可以自己看看书上的书写方式或者参考一下其他高手方式。

出现乱码的原因就是1楼所说，原因是你的JS文件和HTML文件的编码不一致，而且你的JS文件有中文（如果js文件只有英文的话，即便是编码不一致也不会出现乱码情况。）
你应该用记事本打开你的JS文件，然后点击“文件”--另存为--把编码改为“UTF-8”的编码，
这样就不会出现乱码了。

Answer 4

你写的是对的哦！
至于乱码的问题，就把你的编码"UTF-8"改成"gb2312"

Answer 5

<script type="text/javascript" charset="utf-8" src="test.js"></script>