zoukankan      html  css  js  c++  java
  • JS基础部分小结


    [使用js的三种方式]
    1.HTML标签中内嵌JS(不提倡使用)
    2.HTML页面中直接使用JS
    <script type="text/javascript">
    JS代码
    </script>
    3.引用外部JS文件:
    <script language="JavaScript" src="JS文件路径"></script>
    [注意事项]
    1.页面中JS代码与引用JS代码,可以嵌入到HTML的任意位置,但是,位置不同会影响到JS代码的执行顺序;
    例如,<script>在body前面,会在加载前执行JS代码
    2.页面中JS代码,使用type="text/javascript"
    引用外部的JS文件,使用language="javascript"
    3.引用外部JS文件的<srcipt></srcipt>标签,必须成对出现,且标签内不能有任何代码。


    [JS中变量]
    1.JS中的变量声明写法:
    var width=10;使用var申明的变量,只在当前函数作用域有效
    width=11;不适用var,直接赋值生成的变量,默认为全局变量,整个JS文件有效
    var a,b,c=1;//同时声明语句多个变量,变量中间用英文逗号分隔。但,赋值需要单独赋,例如上式中,只有c赋为1,a b为undefined(未定义)
    [声明变量注意事项]
    1.JS中所有变量声明类型,均使用var关键字,变量的数据类型,取决于给变量赋值的执行
    2.同一变量,可以在多次不用赋值时,修改变量的数据类型:
    var width=10;//width 为整形变量
    width="哈哈";//width 被改为字符串类型

    3.变量可以使用var声明,也可以省略var。[区别]不是用var,默认为全局变量

    4.同一变量名,可以多次用var声明,但是并没有任何含义,也不会报错,第二次之后的声明,只会被理解为赋值;

    2.变量的命名规范,
    1.只能有字母·数字,$,下划线组成
    2.开头不能是数字
    3.变量区分大小写,大写字母与小写字母为不同变量

    3.变量名命名要符合驼峰规则:
    变量开头小写,之后每个单词首字母大写(或单词之间用下划线分隔)
    4.js中的变量数据类型
    Undefined:未定义,用var声明的变量,没有进行初始化赋值,var



     document.white();
     输出语句,讲white的()中的内容打印在浏览器屏幕上;
     使用时注意:出变量/常量以外的任何内容,打印时必须放在""中,变量/常量必须放在""外
     打印的内容同时又多部分组成时,之间用+链接

    1、算术运算
    + 加、- 减、* 乘、 / 除、 % 取余、++ 自增、-- 自减

    +:有两种作用,链接字符串/加法运算;当+两边均为数字时,进行加法运算;当+两边有任意一边为字符串时,进行字符串链接,链接之后的结果认为字符串;
    ++:自增运算符,将变量在原有基础上+1;
    --:自减运算符,将变量在原有基础上-1;

    【n++ 与 ++n 的异同】
    n++: 先使用n的值进行计算,然后再把n+1;
    ++n: 先把n的值+1,然后再用n+1以后的值,去运算;
    相同点:不论n++还是++n,在执行完代码以后,均会把n+1;
    eg:var a = 3;
    var b,c;
    b = a++ +2; // a=3 b=5 a=4
    c = ++a +2; // a=4 a=5 c=7

    2、赋值运算
    = 赋值、 += -= *= /= %=

    +=: a += 5;相当于 a = a + 5; 但是,前者的执行效率要比后者快。

    3、关系运算
    == 等于、=== 严格等于、 != 不等于、>、<、>=、<=

    ===: 严格等于;类型不同,返回false;类型相同,再进行下一步判断;
    ==:等于; 类型相同,同===;类型不同,尝试将等式两边转为数字,再判断;
    特例:null == Undefined √ null === Undefined ×

    4、条件运算符(多目运算)
    a>b?true:false

    有两个关键符号: ?和:
    当?前面的部分运算结果为true时,执行:前面的代码;
    当?前面的部分运算结果为false时,执行:后面的代码;

    >>>多目运算符可以多层嵌套:
    例如:var jieguo = num>5?"输入太大":(num==5?"蒙对了!":"输入太小");

    5、逻辑运算符
    && 与、|| 或、! 非


    [运算符的优先级]
    ()
    ! ++ --
    % / *
    + -
    > < >= <=
    == !=
    &&
    ||
    各种赋值 = += *= /= %=



    //var num = prompt("请输入一个数字");

    //var jieguo = num>5?"输入太大":(num==5?"蒙对了!":"输入太小");

    document.write(!true);



    【n++ 与 ++n 的异同】
    n++: 先使用n的值进行计算,然后再把n+1;
    ++n: 先把n的值+1,然后再用n+1以后的值,去运算;

    相同点:不论n++还是++n,在执行完代码以后,均会把n+1;

    【循环结构的步骤】

    ① 声明循环变量

    ② 判断循环条件
    ③ 执行循环体(while的{}中所有代码)操作
    ④ 更新循环变量
    然后,循环执行② ③ ④

    【JS中循环条件支持的数据类型】
    ① Boolean: true 真 false 假
    ② String:非空字符串为真 空字符串为假
    ③ Number:0为假 一切非0,均为真
    ④ Null/NaN/Undefined: 全为假
    ⑤ Object:全为真




     while循环特点:先判断,再执行;
     do-while循环特点:先执行,再判断;即便初始条件不成立,do-while循环也至少执行一次;


    var n = 1; // ① 声明循环变量
    while (n<=5){ // ② 判断循环条件
    document.write("HelloWhile<br />");// ③ 执行循环体操作
    n++;// ④ 更新循环变量
    }

    var m = 1;
    do{
    document.write("HelloDoWhile<br />");
    m++;
    }while(m<=5);

     【for循环】
    1、for循环有三个表达式,分别为:①定义循环变量 ②判断循环条件 ③更新循环变量
    三个表达式之间,用;分隔。
    for循环三个表达式均可以省略,两个;缺一不可
    2、for循环特点:先判断,再执行;
    3、for循环三个表达式,均可以有多部分组成,之间用逗号分隔;但是,第二部分判断条件需要用&&链接,最终结果需要为真/假

  • 相关阅读:
    制作你的第一个HTML 5游戏
    拒绝臆想,让我们脚踏实地做设计!
    HTML 5或者Silverlight?
    如何替换掉回车键
    杀死团队的武器与修复团队的方法
    Google趋势中显示jQuery是最流行的JavaScript框架
    关于脚本载入器的思考
    简化Web开发的12个HTML5CSS框架
    线框图(demo草图)制作的总结
    江苏南通周边经纬度
  • 原文地址:https://www.cnblogs.com/dsmf/p/6666768.html
Copyright © 2011-2022 走看看