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⃣️加法:还具有字符串拼接功能,即当在字符串中用到+ ,其他类型会自动转化为字符串类型,与字符串进行拼接;
2⃣️-   *  /:这三个运算遇到字符串时,字符串会按照ASCii表对字符串进行转值,然后进行正常的运算
3⃣️复合运算符: +=    *=    -=    /=     %=
(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外
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
原文地址:https://www.cnblogs.com/Huan-klyj/p/5910462.html