JavaScript语言是由ECMAScript、BOM、DOM三部分组成
BOM:浏览器对象模型(顶级对象:window)
DOM:文档对象模型(顶级对象:document)
JavaScript是一种弱类型或者说动态语言
JavaScript的三种嵌入方式
- 内部
- 对于内部的script标签来说,可以卸载html的任意位置
<script>
alert("hello")//弹窗
</script>
- 内嵌(三种)
1.通过onclick调用 onclick="alert('')" 方法
<div onclick="alert('点击^_^')"></div>
2.通过JavaScript调用
<a href="JavaScript:alert('我是通过JavaScript提取滴!!')">JavaScript</a>
3. 通过 函数 调用
<a href="#" onclick="changeBg()">通过js函数改变背景颜色</a>
- 外部 ---<script></script>
<script src="js文件"></script>
js的常用语句
window 可以省略
1 alert() 弹窗
window.alert("我是window自带的方法alert()")
2 prompt() 输入框
window.prompt("请输入年龄")
3 confirm() 询问框
window.confirm("你确定要删除吗")
JavaScript变量
声明变量
声明变量并赋值的过程称为初始化
1.先声明,后赋值
var count;// 1. 声明变量
count=1000;// 2. 赋予数值 将1000赋给count
2.声明与赋值同时进行
var num=18;
3.同时声明多个变量
var name="啦啦啦",age=18
交换变量
var tmp;//写一个空值
var apple1 = '红';
var apple2 = '蓝';
tmp = apple1;//将apple1放在tmp上
apple1 = apple2;//将apple2放在apple1上
apple2 = tmp;//将tmp里的apple1放在apple2里
JavaScript的数据类型 ---typeof()检查变量的类型
js变量的数据类型是由他所赋予的值来决定的
变量类型
- 数值型 Number
- 字符串 String
- 对象 Object
- 空 Null
- 未定义 Undefined
- 布尔值 Boolean (true/false)
- 函数 Function
其中 Null、arr(数组)、Object的数据类型都是object
JavaScript的运算符
1. 算术运算符
算术运算符用于执行变量与/或值之间的算术运算。
2. 赋值运算符
3. 比较运算符
比较运算符在逻辑语句中使用,以测定变量或值是否相等
4. 逻辑运算符
逻辑运算符用于测定变量或值之间的逻辑。
5. 三元运算符
- 条件表达式 ? 表达式1 : 表达式2