zoukankan      html  css  js  c++  java
  • js笔记

    1、js简介、用途
    表单验证 效果 发送请求(ajax,异步提交,比html的form表单高级)

    2、js常见命令
    提示框1 alert(123); 弹出顶部提示框 ,只能点 ok
    提示框2 confirm("确定吗") 提示框,有“确定”和“取消”
    // 一个提问框,会打印出返回的结果
    var result=confirm("确定吗?");
    alert(result)

    // 提示框,等用户输入,返回输入的信息
    result=prompt("你最喜欢的食物是什么?","菜(这是默认值)");
    alert(result)

    //document.write + html标签 打印出html文件
    document.write("document.write可以把html代码打印到页面")

    //script 写HTML文件;center是居中
    <script>
    document.write("<center>*</center>");
    document.write("<center>***</center>");
    document.write("<center>*****</center>");
    document.write("<center>*******</center>");
    </script>

    3、变量的声明与赋值
    js是弱类型语言,变量可以以$开头


    4、定义变量
    命名规则:类比Python规则,但是变量可以以$开头
    var a;//定义,未赋值、
    var b=30;//定义并赋值
    a=10;//赋值
    var xy,z=3; //定义三个变量并给第三个赋值(不推荐这样写)
    var x=1,y=2,z=3;//定义了三个变量并赋值

    5、js区分大小写,每句代码结尾建议带“;”

    6、7种字符类型
    String 字符串
    Number 数字型(整形或浮点型)
    Boolean 布尔
    Object 对象
    Null 空值
    undefined 未定义
    function 函数

    7、数据类型检测
    检测类型的方法 document.write(typeof(值)),实际只能检测到6种
    注:typeof(null); 返回object
    <script>
    var a;//定义,未赋值、
    var b=30;//定义并赋值
    a=10;//赋值
    var xy,z=3; //定义三个变量并给第三个赋值(不推荐这样写)
    var x=1,y=2,z=3;//定义了三个变量并赋值
    document.write(typeof(a))
    </script>

    8、运算符
    === 先比较内容再比较类型,绝对相等(类型与数值)
    == 比较内容,不比较类型
    num++ 先赋值后运算 - 先参与运算再自增
    ++num 先自增,再参与运算
    <script>
    var num=100;
    var result=num++; //先把num赋值给result后自增
    document.write=(result+"<br>");//100
    result=++num;
    document.write=(result)//102
    </script>

    9、逻辑运算符(都有“短路功能”,前面的复合条件的话后面的就不用执行了)
    && 并且
    || 或者
    ! 取反

    10、三目运算符
    语法:表达式?结果1:结果2
    解释:如果表达式返回true则执行结果1,否则返回结果2
    例子:10>3?"aaa":"bbb"
    实际验证时候写法: 10>3?alert("aaa"):alert("bbb");
    例子2:var result=10==10?"真":"假";alert(result);
    注:这个带赋值,会把结果赋值给result

    11、+ 既是运算也是字符串连接符,当左右任意一边是字符串时是链接作用
    例:"10"+3+3 结果是1033
    document,write("10"+3+3); ----结果是 1033
    document.write(3+3+"10"); ----结果是 610

    12、运算符案例
    <script>
    var a=10;var b=5; var c; b=a++;
    document.write(b); //10
    document.write(a); //11
    document.write(c); //nodefented
    --b;
    document.write(b--); //10
    c=++a;
    document.write(c); //12
    </script>
  • 相关阅读:
    自制游戏Zombie代码
    HNOI2020总结
    20200615题解:继续扮演
    20200611题解:树网的核
    历次考试总结
    寒假总结和省选大体规划
    每日总结
    有一种感动叫ACM(记WJMZBMR在成都赛区开幕式上的讲话)
    递推求欧拉函数的最简单的详解
    总结一些好用的C++小技巧
  • 原文地址:https://www.cnblogs.com/hellangels333/p/8317866.html
Copyright © 2011-2022 走看看