js引用方式

js的引用方式

js的引用和 css一样，也有多种引入方式

分为三种：行内引入，内部引入，外部引入

1.行内引入（不推荐）

在标签事件属性中填写JavaScript代码或调用函数时，调用函数时不是 事件=函数名， 而是 事件=函数名 +()

例子：

<button onclick="alert('我是一个警告框')" type="button">点击这里</button>

上面的例子中 οnclick=“alert(‘我是一个警告框’)” 这部分就是行内引用的js代码，

其中 onclick就是一个点击事件，当点击元素的时候执行它后面的 js 代码

​ alert是一个警告弹框，可以弹出字符串，数字等信息

表示意思为：当点击这个按钮时浏览器会弹出一个警告框，警告框的内容是：我是一个警告框

2.内部引入

将js代码放在 <script> 与 </script> 标签之间，会在页面打开的时候直接触发。

可以在 HTML 文档中放入不限数量的脚本。

例子:

<script>  
    alert(“hello world !”);
</script>

3.外部引入

也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。

外部 JavaScript 文件的文件扩展名是 .js

使用外部文件，请在 script标签的src属性中设置该 .js 文件：

<script src="./01-js引用规则.js"></script>

当 JS 代码越来越庞大的时候，我们最好把它独立另存为一个JS文件，扩展名为.js，然后在页面上外部引 入，

这样的文件被称为外部的JS文件，它具有维护性高、可缓存(加载一次，无需加载)、方便未来扩展、复 用性高等特点。

注意：引用外部js文件的script标签中不能再写JavaScript代码。

script标签的属性

1，charset：可选。表示通过src链接文件的编码方式。可忽略。

2，src：可选。表示包含要执行代码的外部文件。

3，type，可选，type=“text/javascript”，可忽略