认识了解JavaScript

javascript：

1. 定义：

   1. 一门编程语言：和计算机进行交流
   2. 作用：HTML页面的编程代码，可以更改网页上的标签，标签属性，标签的值（文本），CSS内容也可以改，可以和后台进行交互(传数据)。
2. 用法：

   1. 脚本必须写在<script></script>之前；

      1. 我们的css必须写在<style></style>之前的
      2. type=”text/javascript”;指的是当前文本的类型是javascript。
   2. 写的位置：head 中可以，body中也可以，单独成文件也行。

      1. 写在外部文件中。

2. 写在head中。
3. 写在body中。

 

总结：写在head和body中的区别。

3. 第一个简单的javascript

   1. 给用户一个弹框，在弹框中输入内容，输入的内容要能在HTML页面上显示。

      1. 首先：要写javascript，先写一个<script></script>标签，我们暂且写在head中。
      2. 内容能在HTML页面上展示。

         1. document.write("要展示的内容")
      3. 用户弹框（可以输入内容的弹框）

4. 把弹框获取到的内容输出到HTML页面

补充一点：document.write 写的内容如果包含标签，页面会解析标签内容。

4. javacript里面的注释

   1. 快捷键注释：：Ctrl+/
   2. 单行注释：用的是两个//
   3. 多行注释：用/*  要注释的内容  */

5. 弹框：

   1. 带输入的弹框：window.prompt("提示内容")
   2. 警告弹框：window.alert("提示内容")
   3. 确认弹框：window.confirm("提示内容")   ，如果点ok结果是true，如果点取消结果是false。
6. 其他输出地方：

   1. 指定输出的位置为标签。

      1. 第一种：document.getElementById("myinput").innerHTML = "我的输入标题2";

2. 第二种：document.getElementById("myinput").innerText = '<fon’

3. innerText和innerHTML的差别：innerHTML会解析输入内容中的标签。
1. 输出内容到console。

7. 变量：

   1. 作用：临时保存数据，可以修改，可以在不同的地方使用。
   2. 写法： var 变量名=值 （值的类型不限制）

1. 变量名的取法：

   1. 必须以字母开头
   2. 对大小写敏感
   3. 尽量使用英文单词表示变量的意义
   4. 英文是多个单词的时候，使用驼峰规则。

      1. 例子：myname à  myName
   5. 注意：不要使用关键字和保留字

8. 数据类型：

   1. 我们常见的数据类型有什么？整数，小数，字符，列表，是或否，我不知道，人，动物。
   2. 整数（number）：直接写  （不要加引号）
   3. 小数（number）: 直接写(不加引号)
   4. 布尔值（boolean）：用true（真） 和false（假）表示
   5. 字符（String）： 例如 “test”
   6. 数组（object，array）： 例如 var a=[“张三”,”李四”]
   7. 不知道什么类型（undefined）: 一般遇到一些错误的时候会这样提示，我们不会定义一个undefined
   8. 对象（object）： 比如，日期 ，new Date()
   9. 空的（object）：null 表示
9. 变量的操作：

   1. 测试变量的类型，使用的是typeof(要测试的值)。

2. 变量类型的转换

   1. parseInt() :转换为整数，直接舍掉小数部分（不会四舍五入）。
   2. parseFloat():转换为浮点数。
   3. 总结：

      1. 整数和浮点数相加得到的是浮点数， 整数和整数相加是整数。
      2. 计算机在表示浮点数的时候有精度问题。

10. 各种运算符

    1. 加法：写法 +

       1. 当加号两侧是数字的时候进行的是数学和运算。
       2. 当加号某一侧是字符串时，按字符串合并操作。

 

2. 减法：写法 –   ， （做减法时，减号两侧可以是字符串。）
3. 乘法：写法* ，
4. 除法：写法 /    ( 用这个符号÷是不对的)
5. 取模：%（取余数）
6. 赋值： =，  就是把右边的值赋值给左边。   注意要和后面的 == ， === 区别开。
7. 自增(自己增加1)：++

   1. 写法一： b=a++
   2. 写法二：b=++a

8. 自减：--

   1. 写法一：b=a—;
   2. 写法二：b=--a;

9. 备注：NaN 表示计算不到结果，或者说不能计算。
10. 比较运算符：

    1. 用在哪里？ 一般用于条件判断。
    2. 比较运算符的结果： true  或 false
    3. 等于：

       1. 第一种： ==  ， 只比较值，不比较类型。

 

2. 第二种： ===  ，不仅比较值，还比较类型。

3. 不等于： ！=
4. 大于： >
5. 小于： <
6. 大于等于：>=
7. 小于等于： <=

12. 逻辑运算符： 并且，或者， 非

    1. 并且：计算机用的是&&符号表示并且

       1. 并且关系只要有一个false结果就位false。

2. 或者：计算机用的是||符号表示或者

   1. 只要有一个为ture 结果就位true。

2. 或者关系，遇到true 就停止后续的判断。

 

3. 否：计算机中用的是! 表示。

   1. 写法：！（1>2）

4. 搞不清楚优先级就加小括号().
12. 分支结构

    1. if语句的语法：

1. 每个节点有两个分支
2. 分支下面还可以有子分支
3. 没有回头路。
1. 简单分支：

3. 嵌套分支：

 

例子： 如果 当前时间的大于18点，提示 晚上好， 如果大于12 点 提示下午好， 否则提示上午好。