JS语法和CSS语法的对比

JS的语法和CSS语法很像，也分为行内式、内部式和外部式

CSS和JS的行内式代码对比：

<div style="color: red;" onclick="alert('我是div标签的弹窗')">我是div标签</div>

CSS和JS的内部式代码对比：

<style>
        .p1{
            color:blue;
        }
    </style>

<script>
        p1.onclick = function(){
            window.alert('我是p标签,弹出的内容')
        }
</script>

CSS和JS的外部式代码对比：

<link rel="stylesheet" href="./01_demo.css">

<script src="./02_demo.js"></script>

那么 总结一下:

JavaScript的语法与css语法类似,都分为3种

1, 行内式

在 标签中 直接定义 JavaScript的 代码内容 这种语法不推荐使用

2, 内部式

在script标签中,直接定义JavaScript代码

3, 外部式
在 外部 js 文件中 (也就是扩展名是 js的文件) 直接定义 JavaScript代码 通过一个 带有 src 属性的 script标签,来导入

一些解释和说明:

1, 行内式,不推荐使用的 书写不方便,而且不利于重复使用 一般做调试使用

2, 内部式和外部式,都是通过script标签来定义的 script标签,理论上,可以写在任意位置,但是一般放在 body内部的最下方 也就是所有的html标签的内容的最后 因为牵扯到 代码的执行顺序

3, 定义了src的script,其标签内容中,定义的JavaScript程序,就不会执行了 给一个script标签,添加src属性,就变成导入外部式的script,script标签内部的JavaScript代码就不会执行 只会执行外部js文件中的内容