• JavaScript_day01


    1.变量声明

    • 怎么声明变量?

    JavaScript中变量声明用的关键字是 var 变量名称。

    • 变量名称命名有什么限制?

    变量名称命名需规范,准则:不能以数字开头,不能含有特殊字符(css的属性),可以含有_和$   不能用关键字。

    • var是什么?

    var是弱类型,具有的特点是自动将后面的变量转换为相应的变量类型。

    • 变量提升是什么?

    变量提升的意思指:JS声明变量时,会把变量声明提前到最前端,赋值载当前代码所在的位置执行。

    eg:var a="abcd";console.log(a);

    2.数据类型

    • 常用的数据类型有5种
    1. 数值变量(number)
    2. 字符串变量(string)
    3. 布尔类型(Boolean)
    4. 布尔类型记忆方法(除了NaN、0、false、none、undefined)。
    • 判断数据类型

    typeof();变量判断语句

    3.数组

    var a="姓名";
    var b="身高";
    数组: 同时存储多个数据(JS中,数组中的值数据类型可以不同
    var 数组名称=[值1,值2];
    var a=["张三","男","广东省","1000W",4561345481512];
    console.log(a[5]);
    console.log(b);
    数组在使用过程中,由于值过多,所以具有一个下标值,下标值从0开始
    单独使用数组中某一个值 数组名称[下标值]

    4.运算符

    a++和++a的区别:a++是先执行完表达式,在自增 ++a先自增再执表达式
    var c=5;
    console.log((c++)+(++c)+(++c)+(c++)+(c--)+(--c)-(--c)+(++c));
    console.log(c);

    测试答案 c=7

    5.控制结构体

    if条件判断
    如果括号中的值为真,则执行{}中的代码()中的值为假,则执行else中的代码.

    for(循环体;循环条件;执行语句){
    执行代码
    }
    循环体:定义一个变量,控制次数,循环条件:循环体打到某个要求,就停止循环,执行语句:每次循环后,执行一遍.
    6.遍历数组

    var a=["张明","男","广州市",1345453,"张明","男","广州市",1345453,"张明","男","广州市",1345453,1345453,"张明","男","广州市",1345453];
    数组获取数组长度的方法(数组名.lenght 获取数组长度)
    console.log(a.length);
    for(var i=0;i<a.length;i++){
    console.log(a[i]);
    }

    i++可以变换的来完成想控制的数;

    7.switch循环

    括号中放的是你要判断的变量

    switch (){
    case value:
    break;
    default:
    break;
    }

    练习:

    console.log("本月份周一共有"+i+"天")
    用for循环和switch循环,判断7月份周一至周日各有几天,并输出优化。

    8.查询标签

    document.getElementById(''); 通过ID名去获取标签
    var obox=document.getElementById('box');
    obox.style.background='blue';
    事件源(在JS获取到的唯一的标签).style.样式属性名称='属性值';
    注意:若属性名称中带有- 必须把-去掉,后面的首字母大写
    obox标签中开始标签至结束标签中间的内容

    9.点击事件var obox=document.getElementById('box');

    var op=document.getElementById('content');
    var oinput=document.getElementById('inputs');
    获取input框的输入值,事件源.value oinput.value,点击DIV,让DIV变颜色
    点击事件:
    事件源(JS中获取到的唯一的标签).on事件类型(click点击 mouseover鼠标悬停 mouseenter鼠标移入 mouseup mousedown)=function(){执行代码}

  • 相关阅读:
    sql函数
    设为首页代码
    百度联盟包括百度网站搜索联盟
    PHPCMS 整站代码分析讲解
    rational rose 2003下载及破解文件
    rational rose 2003下载及破解文件
    SQL中IN,NOT IN,EXISTS,NOT EXISTS的用法和差别
    [转贴]RUP与XP的平衡之道
    踏踏实实做人,老老实实做事
    用LoadRunner下载文件并保存到本地
  • 原文地址:https://www.cnblogs.com/xiaochen-cmd-97/p/11165943.html
Copyright © 2020-2023  润新知