视频地址:【千锋前端JavaScript全套教程_JS零基础完美入门到项目实战】 https://www.bilibili.com/video/BV1W54y1J7Ed/?share_source=copy_web&vd_source=b1cb921b73fe3808550eaf2224d1c155
目录
1、JavaScript入门
1.1 JavaScript的历史知识
1.2 JavaScript的组成部分
总览
HTML 网页的组成
css 页面样式,决定一个内容是什么样子
JavaScript 网页行为,页面中哪些内容出现什么变化,比如轮播图
1.2.1 JavaScript的组成部分
BOM:Browser Object Model JS操作浏览器发生变化的属性和方法
DOM:Document Object Model JS操作文档流的内容
ECMAScript:JS代码的书写规则与书写语法
JS的作用:利用ECMAScript语法,操作BOM,使浏览器发生一些变化,操作DOM,使文档流发生一些变化。
1.3 JavaScript的书写位置
JS 书写位置:行内式 内嵌式 外链式 ,与css代码一样
1.3.1 行内式
把代码直接书写在标签上
a标签 书写在href属性上
<a href="javascript: JS代码 ;">点我一下</a>
非a标签 书写在标签行为属性上
<div onclick="JS代码">点我一下</div>
1.3.2 内嵌式
内嵌式: 把代码书写在一个script标签对内
<html>
<body>
<script>
JS代码
</script>
</body>
</html>
不需要依赖任何行为,JS代码直接执行
1.3.3 外链式
外链式: 把JS代码书写在一个.js文件内
js文件直接书写js代码
HTML文件内书写<script>标签,src里写js文件路径
<script src="js文件路径"></script>
外链式JS代码,不需要依赖任何行为,打开页面就会执行。
使用script的src属性引入指定JS文件。
以上三种方式评价
行内式十分不推荐,不利于代码维护,导致html文件臃肿;
外链式代码是最推荐的
内嵌式不是很推荐,但是上课多用到内嵌式。可以不用建立很多的JS文件。