js的学习预示着HTML以及CSS的学习已经告一段落了,但是也确实---js的开始,我认为好玩有趣的前端也仅仅是刚刚开始。
首先学习js的开始,便是了解js的书写位置。
其实和css的引入方式是一样的,css引入主要有内嵌式,外联式,行内式,然后特点和区别分别是有书写位置不同,作用范围不同,以及使用场景不同,其实总体来看,js的css大同小异,
首先回顾一下比较简单的css
内嵌式引入:作用当前的页面中,一般应用于小案例,书写在style标签中间
外联式:可同时作用于多个页面,一般是用于项目中间,可写在单独的css文件中间,然后通过link标签进行引入
行内式:作用于当前的标签,一般配合js使用,css写在标签的style属性中
【js书写位置使用大家熟悉的Hello World做案例】 有以下三种形式:【但是切记,js写在body里面最下面一行,因为代码从上而下执行】
(1)内部js形式(script写在body的内部,然后把代码包裹在script里面)
<body>
<script>
alert('Hello World!!!')
</script>
</body>
(2)外部js形式(带有src的script写在body里面最下面一行,然后新建一个js文件,里面可写js内容,切记script里面不可以有代码,因为会被忽略不执行的)
主题代码:
<body>
<script src="./01-js书写位置.js"></script>
</body>
js文件代码:
alert('Hello World!!!')
(3)内联js形式:【vue会用到】
<body>
<button onclick="alert('Hello World!!!')">点击</button>
</body>