script中怎么调用js的方法

Posted 2023-05-08

1、html 调用使用js 一共有三种方式，一种是行内onclick，一中是内嵌，一种是外链，你说的是外链。
2、外链的话，需要在头部引用一下外部文件，就像引用样式表那样。在head里这样写<script type="text/javascript" src="jsname.js"></script>
3、一般js效果是在html元素加载完之后，才进行使用，所以一般js都是写在body的最后，写在头部，一定要解决这个问题。 参考技术A 直接调用方法名就行了

怎么编写和调用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>