一、今日内容：
js实现步骤 1.引入js---四种引入方式 2.输出内容---三种输出方式1.分类 1）内嵌式（内部式）---重点 2）外联式（外链式）---重点 3）html标签的事件属性引入---了解 4）a标签href引入---了解2.细节说明： 1）内嵌式---重点 概念：通过一对<script></script> 在网页任意位置引入的方式
语法：<script> js代码 </script> 2）外联式---重点 概念：通过在外部创建一个xxx.js的文件，在文件中直接写js代码，再通过script标签的src属性引入 语法： 1.创建一个js文件 2.在网页任意位置进行引入 <script src="js文件的路径"></script> 3）html标签的事件属性引入---了解 概念：主要通过所有标签都有的事件属性来进行引入js的方式 语法： <div class="box" id="box" 事件属性="需要执行的js代码"></div> 说明：事件属性有很多，onclick，表示鼠标单击左键的事件 4）a标签的href引入---了解 a标签：超链接，主要用于跳转到href属性设置连接地址 <a 去百度</a> 概念：通过a标签的href属性来执行一段代码 语法：<a href="javascript:需要执行的js代码">需要显示的文本内容</a>四种引入方式的区别 1.内部式与外联式： 1）内部式--只针对当前引入的网页有效果，--测试或者演示 2）外联式--可以多次被使用，只需要引入--实际项目开发中使用最多 2.四种之间的区别 1）内嵌方式的js只能在当前html文件中使用 2）外联方式的js文件可以被多个html页面使用 3）标签事件属性，只有通过触发条件去触发才会执行里面的js代码 4）a标签本身就是超链接，指定javascript协议，点击这个超链接标签，就会告诉浏览器，这里需要执行一段js代码，与onclick无差别显示1.script标签上的type，可写可不写，如果要写一定要写正确，否则报错 type="text/javascript"2.内嵌式和外联式的引入位置说明： 本身是可以在任意位置引入，一般放在head标签或者body标签结束之间 需要页面中的标签--dom节点，就必须写在body标签结束之前，这个时候可以获取到我们的dom节点，如果写在head标签的结束之前，会导致dom节点加载不出来，报错（未定义），需要配合使用文档加载事件 window.onload=function(){在这个花括号里面写操作dom节点相关的js代码，这个时候就可以正常进行操作，文档加载事件的作用：等所有的dom节点-标签加载完毕再来执行js代码}3.使用外联式的时候，不能在script标签之间写js代码，在标签内部写的代码就会被覆盖掉4.在js代码的位置，不能直接出现html标签，css样式，只能通过js来进行操作变：变化 量：数据变量的作用用于存储程序中变化的数据定义变量：ES5:通过关键字var 来定义一个变量 var 变量名; 赋值：变量名 = 值; // 把等号右边的值（数据）给到左边的变量名 合并写法：var 变量名 = 值; // 把变量的定义与赋值同时进行ES6: let:表示相当于var的定义变量，有块级作用域{} const:表示声明的是一个常量（不变的量）,有块级作用域{}，声明的时候必须同时赋值，并且声明结束之后，不能重新赋值 #var let const 之间的区别----重点ES5：没有块级作用域，var定义变量后，还可以对已经定义好的变量进行二次定义，var。二次以及以后的var无意义ES6：有块级作用域， let 声明的变量，不能再次使用let进行二次声明， const 声明的是常量，声明的时候必须同时赋值，并且不能修改1.大小写字母，数字，下划线_，$，但是标识符不能以数字开始2.不能是js中的关键字和保留字3.区分大小写的4.如果名字由多个单词组成 1）分隔符：_ 2）驼峰命名法： 大驼峰：每个单词的首字母都是大写 小驼峰：除了第一个单词，其他的单词首字母大写
|
