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

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

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

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

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

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

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

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

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

在html中调用js代码的方法主要有两种：

一、将javascript直接写在html文件中，然后在html中调用js函数等；

二、将js代码写一个文件中，然后在html中引用该文件，在使用js文件中定义的js函数。

工具：

Dreamweaver软件

步骤操作方法：

1、打开Dreamweaver软件，然后在创建新项目下选择HTML；

2、点击“文件”选项，然后点击“另存为”，将文件命名为test，并将其保存在电脑桌面上；

3、编写一个基本的html文件，该html文件包含一个用户名及一个密码输入文本框和一个确定以及一个取消按钮；

4、在title标签下插入，然后在html中调用js函数；

5、完成js代码编写及html调用js代码后保存tset.html文件，然后在浏览器中打开test.html文件，检查js代码执行的效果；

6、在Dreamweaver软件中新建一个check.js文件（方法同html文件新建），在check文件中输入校验函数；

7、然后在test.html的title标签下引用check.js文件；

8、在程序中引用check.js文件中的js函数，然后在浏览器中刷新test.hmtl文

件，然后在username的输入框中输入非法字符来检验js代码。

都是一样的。在Html中加入。这样就可以调用了

符合标准的写法

1.JavaScript采用的格式如下：

把上述语句放在HTML的与之间，也可放在与之间。
例子：在网页上显示“你好！”。





2、在浏览器地址栏直接执行JavaScript脚本

也可以在浏览器的地址栏中输入JavaScript语句，由浏览器直接执行。
如输入：javascript:alert(200*75)
3、调用JavaScript文件

可以将纯JavaScript的语句另外保存在一个"*.js"的文件中，需要时再调用。

例子：调用test.js文件，显示提示。


调用test.js文件



test.js的文件内容如下：
alert("这是被调用的语句。")