一,什么是javascript?
是一门弱类型 解释型 轻量级的脚本语言
二,作用,是做页面的交互,行为特效和数据的交互的
什么交互? 操作交互(生成特效)和数据交互(造成的结果就是动态的渲染)
三,历史:ES6 是一个非常重要的javascript版本,对于javascript的功能有很大的提升
四,组成: 1.ECMA script: 是javascript基本语法
2.DOM: 是javascript操作html文档的方法
3.BOM:javascript操作浏览器的方法
五,基本语法:
1.行内式:直接引入,注意:1.href属性值 必须定义为 JavaScript: 2.要么就组织默认事件的执行
<!-- 写在 a 标签的 href 属性上 --><a href="javascript:alert('我是一个弹出层');">点击一下试试</a>?
<!-- 写在其他元素上 --><div onclick="alert('我是一个弹出层')">点一下试试看</div>
?<!-- 注:onclick 是一个事件(点击事件),当点击元素的时候执行后面的 js 代码-->
2.内部式
<!-- 在 html 页面书写一个 script 标签,标签内部书写 js 代码 -->
<script type="text/javascript">alert('我是一个弹出层')
</script><!--注:script 标签可以放在 head 里面也可以放在 body 里面
一般script定义在html标签下方
-->
3.外部式 src引入
在外部js 文件中定义javascript代码 通过script标签 src属性 导入外部文件../.文件.扩展名
定义了src属性的标签,不会执行内部样式
六,调试方式
window .alert() 警示框/对话框
document.write() 页面输出
console .log() 控制台输出
七, 变量(严格区分大小写)
1.定义在内存中带有名称的数据信息,其中存储的数据在执行的过程中是可以改变的
2.变量就是容器:存储数据的容器,带有名称 其中数据可以改变的,计算机程序中的数据不能独立存在,必须要有容器存储数据
3.内存是临时存储数据 程序执行数据存在 ;程序关闭或者 不执行关机、断电 数据就会被释放/删除 不存在
内存的存储容量小于 硬盘 但是 数据的处理速度大于硬盘
4.语法
var 变量名称 = 表达式;
var 声明变量的关键词 必须要写
变量名称:
= 赋值符号 将右侧表达式的执行结果赋值给邹策
-1.规则: 必须遵守的,不遵守就是错> 1. 一个变量名称可以由 **数字**、**字母**、**英文下划线(_)**、**美元符号($)** 组成> 2. 严格区分大小写> 3. 不能由数字开头> 4. 不能是 **保留字** 或者 **关键字**> 5. 不要出现空格-2. 规范: 建议遵守的(开发者默认),不遵守不会报错> 1. 变量名尽量有意义(语义化)> 2. 遵循驼峰命名规则,由多个单词组成的时候,从第二个单词开始首字母大写> 3. 不要使用中文 本地运行可识别,后续上传服务器不行,所以不能使用
七,数据类型:
简单数据类型
1.布尔数据类型(Bool/boolean)只有两个(true
或者 false
) 必须小写 不加引号
2.字符串 (string) 使用定界符包裹的内容,‘’ “” 不能换行 可以解析变量 不能嵌套自身
3.数值类型(number)
a.整数:二进制数值前添加 0b/0B
八进制 数值前添加 0o/00
十进制 直接存储默认是十进制
十六进制 数值前添加 0b/0b
b.浮点数: (小数) 有效数值一共最多17位 误差永远存在 科学计数法 数值e数值
存储方式是以近似值的形式存储数据
浮点数直接参与 运算/比较判断 一定会存在误差 实际项目中,浮点数要经过特殊处理
科学计数法 数值e数值
5.NaN (not a number):表示结果是数据类型 但是不是一个具体数值 两个NaN 作计较结果是false 有他参与的运算一定是NaN
6.null(null)只有一个,就是null 表示空的意思
7.underfind类型 只有一个 表示没有值
复杂数据类型
-
对象类型(object)
-
函数类型(function