js初步
一、Javascript 组成
1、核心,ECMAscript(最新第六版)2、DOM,文档对象模型(Document Object Model)3、BOM,浏览器对象模型(Browser Object Model)
二、Javascript 特点(脚本语言)
1、解释性执行的 | 2、基于对象的 | 3、简单弱类型的4、相对安全的 | 5、事件驱动 | 6、跨平台
三、引入方式
1、内部书写:在html文档中直接书写<script type="text/javascript"></script>2、外部引入:<script type="text/javascript" src="js文件路径”>
(写在head中就先执行js;写在body的后面最后执行)
四、输出
1、提示弹窗 (alert(警告窗) | confirm(确认信息窗) | prompt(提示信息窗))2、控制台打印 (console.log("xxxxxxxx"))3、文档输出 (document.write("xxxxxxx"))
五、变量
1、直接量:程序直接使用的数据值2、变量:用 var 关键字定义的一个存储空间,用以存储数据(js的变量是弱类型的,可以用来保存任何类型的数据)(1)var操作符:定义变量(2)变量命名规范:1⃣️、由数字、字母、下划线、美元符构成,第一个字符不能为数字2⃣️、驼峰命名法:从第二个关键单词开始首字母大写3⃣️、避免和系统关键字重复4⃣️、区分大小写
六、基本数据类型(可用typeof获取数据类型)
1、number 数字类型2、undefined 未定义类型3、null 空类型4、boolean 布尔类型(true | false)5、string 字符串类型
七、操作符
(1)赋值操作符 =(2)算数操作符 + - * / %1⃣️加法:还具有字符串拼接功能,即当在字符串中用到+ ,其他类型会自动转化为字符串类型,与字符串进行拼接;(3)关系操作符(返回值是布尔值) > < >= <= != == ===2⃣️- * /:这三个运算遇到字符串时,字符串会按照ASCii表对字符串进行转值,然后进行正常的运算3⃣️复合运算符: += *= -= /= %=
1⃣️==:只要值相等便可返回 ; ===:需要类型和数据值都相同才行(4)条件操作符(三目运算符)
a > b ? ( 表达式1[true] ) : ( 表达式2 [false] )(5)逻辑操作符 (与 或 非) && || !
非0为true:0 null undefined NaN '''
1⃣️NaN(not a number ):数学表达式计算失败的情况下返回的(判断:isNaN())2⃣️短路现象:(1)短路与:一假即假
(2)短路或:一真即真
(6)递增和递减操作符:++ (i++ ++i)
-- (i-- --i)
操作符优先级:
八、获取元素
(1)getElementById()
(2)getElementsByTagName()
(3)getElementsByName()
(4)getElementsByClassName()
h5新增:
(5)querySelector():通过CSS的选择器查找元素(只能查找一个)
(6)querySelector():通过CSS的选择器查找元素(能查找所有)
获取元素的链式写法:
document.getElementById(“out”).getElementByName(“in”)
除id外