当前位置:首页 > 资讯 > 正文

JavaScript

1.2-01_JavaScript的变量
1.变量区分大小写,可以用数字,字母,$,_组成,首字母不可以是数字,不可以是关键字,不能有空格 一个变量只能保存一个值
2.浏览器的输出方式
alter(num)//在浏览器弹窗显示num变量的值
console.log(num)//在控制台打印num的值
document.write(num)//直接在页面显示num的值

1.2-02_JavaScript的数据类型

  • 数值类型:0×100:十六进制 0o100:八进制 0b100:二进制
  • 字符串类型:不区分单双引号
  • 布尔类型:只有两个值true,flase
  • 空类型:null 表示有值,是空值,
  • undefined类型:表示没有值,声明了了,但是未赋值

检测数据类型
先定义好变量
再定义好result1=typeof 变量
输出result1 / console.log(typeof 变量) / console.log(typeof (变量))

 

1.2-03_数据类型转换

一. 转数值
-1.Number()
NaN表示是数值类型,但是非数值
当要转换的字符串中出现字母和数字的时候,将转换不出来数字,会显示NaN,可以转换到小数点

 

-2.parseInt
这种方法可以逐字转换,当要转换的是数字在前面的时候,可以将前面的数字转换出来,后面的字母不改变,就算字母中夹杂中数字也不在转换,转换不了小数点

 

-3.parseFloat
这种方法是可以转换到小数点

 

二. 转字符串

  1. String
 
  1. toString
    语法:要转换的内容.toString()
 

三. 转布尔
语法:BOOlean(要转换的内容)

 

除了’',0,null,NaN,undefined这五个值,其他转换的结果都是true
也可以简写成这样

 

1.2-04_JavaScript的运算符

  1. 算术运算符(+ - * / %)
    +:当符号两边都是数值或者布尔的时候,会进行算术运算,当两边含有字符串的时候,会进行字符串拼接
    %:会得到余数
  2. 赋值运算符(=,+=,-=,*=,/=,%=)
    q1+=20------》q1=q1+20
  3. 比较运算符(>, <,>=,<=,= =,= = =,!=,!= =)
    ==:数值等于 就等于
    ===:数值和数据类型要全部相等才可以
    !=:当数值相等的时候就是false
    != =:只有数值和数据类型完全相等不相等,才是false
  4. 逻辑运算符(&& ,||,! )
    &&:与运算 两边都是正确的才是true
    ||:两边只要有一个正确的就是true
    !:正确的就是错误的
  5. 自增自减运算符(++ ,–)
    ++:分为前置++,后置++,都是使本身+1,但是前置是先加上1再运算,后置是直接运算,运算结束之后+1
    –:也是和上面一样
    1.3-01JavaScript 条件分支语句
 

案例–润年

 

switch语句

 

注意事项:在写switch语句的时候,写完一个case,一定要记得写break。否则遇到正确答案就会一直往下穿透,
switch案例

 

注意:最后不要忘记加上天数

while循环语句

 

do while 循环结构语句
在这里插入图片描述

 

do-while条件循环,当条件满足的时候,会一直执行循环结构,当条件不满足的时候会执行下一步
for循环结构
在这里插入图片描述

 

只想得到一个结果的时候,可以在语句后面加上break阻断
1.4函数
在这里插入图片描述
在这里插入图片描述
递归函数
定义:一个函数调用了自身,并设置了结束条件,这个函数才是一个正确的递归函数
作用域
在这里插入图片描述

1.5-01对象数据类型
对象(object)

  1. 创建
    var 名称={键:值,键:值}----键值对之前用逗号连接
  2. 操作
    增:
    删:
    改:
    查:
    在这里插入图片描述
    1.5-02数组数据类型
 
 

数组的遍历:访问数组中的每一个数据
在这里插入图片描述
1.5-03JavaScript中的冒泡排序

 

1.5-04JavaScript选择排序

 

1.6-01数组的常用方法

 

在这里插入图片描述
1.6-02字符串的常用方法

 

在这里插入图片描述

1.6-03 数字的常用方法
方法

 
 

在这里插入图片描述
1.6-04时间的常用方法

 

在这里插入图片描述
案例

 

1.7-01bom操作

 
 

在这里插入图片描述
在这里插入图片描述
7.浏览器滚动到
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

1.7-02定时器

 
 
 
 

1.7-03DOM的基本操作(上)
注意:只有当获取id或者class名称的时候,才会出现页面中的代码

 
 
 
 
 
 
 
 

004js的书写位置