怎么在html文件中调用js文件

Posted 2023-04-08

参考技术A

1、将这一段代码保存到一个文件中。

2、注意，您可以任何文本工具创建js文件，不过您在保存的时候，需要将名字后缀名为.js。

3、这里将js文件保存为index.js。之后如果我们需要使用index.js。我们只需要调用即可，不需要再写新的js文件。

4、在html的head部分引入js文件，具体的代码。

5、这个引用是一个双标签，就算没有内容，也得写全。

6、如果您的js是从外面引入，那么您不能在<script></script>中间再写js代码。

7、如果有需要，那么您需要重新声明script标签，在标签内写您的js代码。

8、无论是javascript jquery都是一样的规则，必须在script标签内写代码。引入了js文件后，您可以在需要的地方直接调用即可。

怎么编写和调用js文件

我这样写一个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文件中函数的方法，最好有例子。

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

需要准备的材料分别有：电脑、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函数来输出内容。

参考技术A 方法定义建议用：var f=function()...
html中的标签基本上都能用onclick,onmouseover,onmouserout等调用js中的方法，当然前面需要加上<script type="text/javascript" src="文件名"></script> 参考技术B 如果你是将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”的编码，
这样就不会出现乱码了。本回答被提问者采纳 参考技术C 你写的是对的哦！
至于乱码的问题，就把你的编码"UTF-8"改成"gb2312" 参考技术D <script type="text/javascript" charset="utf-8" src="test.js"></script>