JS的三种引入方式[javaScript入门]

目录

1.行内引入方式

 2.内嵌引入方式(内部引入)

3.外部引入方式

1.行内引入方式

写在行内,每个标签里面单独设置

(1)写在标签的事件属性当中(以on开头的属性),如onclick【on+事件类型】

        推荐:html使用双引号,js使用单引号

例:

<input type="button" value="点我打开世界" onclick="alert('Hello World')" />

注:行内引入,在JS中没用提升权重的概念,所以其不常用[基本不用]

 2.内嵌引入方式(内部引入)

写在script标签中

(1)可以写在任意地方;

         当需要我们在头部引用脚本就放在头部,否则则放在底部,因为放在头部可能会影响浏览器渲染。

<script>
    alert('Hello World!');
</script>

注:一般在自己写练习的时候,想偷懒不想设置js文件时使用 [练习使用]

通常自己做项目的时候放在底部,不影响加载顺序又可以和CSS文件进行区分,并且不会影响浏览器渲染;若放在其他处最好用onload套起来用

3.外部引入方式

在script标签中使用src引入外部文件

(1)引入外部JS文件的script中不可以写代码

(2)利用HTML页面代码结构化,把多段JS代码独立至HTML页面外面,美观,且方便文件复用

<script src="main.js"></script>

注:和行内样式一样放在底部和头部需要分情况考虑[经常使用

        使用的是src不是href

如有错误及补充,请各位大佬及时指出,方便本人及时修改

    原文作者:熊猫吃瓜
    原文地址: https://blog.csdn.net/m0_46220435/article/details/122537306
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞