| 一、今日学习内容 1、JavaScript介绍--了解 概念：JavaScript简称js，是一门强大的编程语言，只要用于网页交互效果 2、js入门---重点 js实现步骤 1、引入js---四种方式 2、输入内容---三种输出方式 2.1js的四种引入方式--重点 1、分类 1）内嵌式（内部式）--重点 2）外联式（外链式）--重点 3）html标签的事件属性引入--了解 4）a标签href引入--了解 2、细节说明 1）内嵌式（内部式）--重点 概念：通过一对script标签来引入的，可以是网页中任何位置 语法：<script>js代码</script> 2）外联式（外链式）--重点 概念：通过在外部创建一个xxx.js文件，在js文件中直接写js代码，在通过srcipt标签的src属性引入 语法： 1、创建js文件 2、在网页人位置进行引入 3）html标签的事件属性引入--了解 概念：主要通过所有标签都有的事件属性来进行引入js的方式 说明:事件属性有很多，onlink，表示鼠标单击左键的事件 4）a标签href引入--了解 a标签：超链接，主要用于跳转到href属性设置链接地址 概念：通过a标签的href属性来执行一段代码 四中引入方式的区别： 1）内部式于外联式 1）内部式：只针对当前引入的网页效果，--测试或者演示 2）外联式：可以被多次使用，中需要引入--实际开发中使用最多 2）四种之间的区别 1）内嵌方式中的js只能在当前html文件中使用 2）外来是的js文件可以被多个html页面使用 3）标签事件属性，只有通过触发条件去触发才会执行里面的js代码 4）a标签本身就是超链接，指定JavaScript协议，点击这个超链接标签，就会告诉浏览器，这里需要执行一段js代码，与onclick无差别显示 2.2、四种引入方式的注意 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来进行操作 2.3、js三种输出方式--重点 作用：只要用于调试代码 语法： 1）控制台输出--console.lgo('需要输出的内容')--f12-console 3）网页输出--document.write('需要输出的内容')--页面在网页中显示 一次输出多条内容，中间是用，隔开 3、JavaScript的基础语法---重点 3.1、注释 作用：主要用于对代码进行解释说明 语法： 1）单行注释 //注释内容 ctr+/ 针对当前行生效 2）多行注释 /*注释内容*/ alt+shift+a 注释的代码较多 3.2、变量--重点** 概念：变：变化 量：数据 定义变量： ES5：通过关键字var来定义一个变量 var 变量名; 赋值： 变量名=值; //把等号右边的值（数据）给到左边的变量名 合并写法：var 变量名=值；//变变量的定义与赋值同时进行 ES6：通过关键字let，const来生明 let：表示相当于var的定义变量，有块级作用域{} const：表示声明的是一个常量（不变的量），有块级作用域{}，在声明的时候，必须同时赋值，并且声明结束后，不能重新赋值 var、let、const之间的区别----重点 ES5:没有块级作用域，var定义变量后，还可以对已经定义好了的变量进行二次第一，var。二次以及以后的var无意义 ES6：有块级作用域 let：声明变量，不能再次进行let进行二次声明 const：声明的是常量，声明的必须同时赋值，并不能修改 3.3、标识符--标量的命名规则 1、大小写字母、数字、下划线、$、但是标识符不能艺术字开始 2、不能是js中的关键字和保留字 3、区分大小写 4、如果名字是由多个单词组成 1）分隔符：_ 2）驼峰命名法： 大驼峰：每一个单词的首字母都是大写 小驼峰：除了第一个单词，其他的单词首字母大写 4、数据类型--掌握 分类：1、基本类型 2、引用类型 4.1、基本类型： ES5：5基3引 5个基本类型：number、string、Boolean、undefined、null 3个引用类型：object、array、function ES6：6基1引 6个基本类型：number、string、Boolean、undefined、null、symbol 1个引用类型：object 1）number：数字； 整数：int 小数：float NaN not a number：表示的不是一个有明确的数值的数字类型 2）string：字符串 所有的中文 ‘’、“” 特殊的用法： 如果字符串的数据中出现特殊字符需要使用转义字符（\）额外处理 \'：表示单引号 \''：表示双引号 \n：表示换行符 \\：表示\本身 3）boolean（布尔值）： 执行结果只有两个：true、false 4）undefined（未定义） 定义了变量但没有赋值，变量的默认值为undefined undefined数据类型有且只有一个值undefined 5）null空对象 null本身是早期js中的bug，但后期比较好用 null数值类型有且只有一个值，null null作用：清空对象，释放内存可以通过给变量进行复制null来清除变量内容 面试题：null于undefined的区别 相同点：都代表的是无值 不同点： undefined---定义了变量为负值 null---一个变量，如果存储的值是引用数据类型，大师目前对象还没有创建，设置为null 变量的数据类型检测 typeof 变量名 typeof（变量） 4.2、数据类型转换==重点 概念：把一种数据转换为另一种数据类型 类型转换分类： 1、强制类型转换--显示转换 2、自动类型转换--隐式转换 强制类型转换 1、转数字类型 1）转整数 parseInt（变量）； 2）转小数 parseFloat（变量）； 3）转数字 nullber（变量）； |
| 欢迎光临 菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/) | Powered by Discuz! X3.4 |