zoukankan      html  css  js  c++  java
  • JavaScript 的使用基础总结①

    JavaScript 使用

     

    JavaScript 是一种轻量级的编程语言,JavaScript 是可插入 HTML 页面的编程代码,JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。

            HTML 中的脚本必须位于 <script> 与 </script> 标签之间。脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。

    使用JS的三种方式
    1.在html标签中直接使用内嵌JS,并不提倡使用
    不符合W3C内容与行为分离的要求。

    2. 在HTML页面中使用script标签包裹JS代码,
     script标签可以放到页面的任何位置

    3.引入外部的js文件,使用script标签

    JS语句


     

                  JavaScript If...Else 语句

     

    • if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码
    • if...else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码
    • if...else if....else 语句 - 使用该语句来选择多个代码块之一来执行
    • switch 语句 - 使用该语句来选择多个代码块之一来执行
    • JavaScript Switch 语句

      请使用 switch 语句来选择要执行的多个代码块之一

    工作原理:首先设置表达式 n(通常是一个变量)。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配,则与该 case 关联的代码块会被执行。请使用 break 来阻止代码自动地向下一个 case 运行。

    switch(n)
    {
    case 1:
      
      break;
    case 2:
      
      break;
    default:
     
    }

    JavaScript For 循环

    如果您希望一遍又一遍地运行相同的代码,并且每次的值都不同,那么使用循环是很方便的。

    document.write(cars[0] + "<br>");
    document.write(cars[1] + "<br>");
    document.write(cars[2] + "<br>");
    document.write(cars[3] + "<br>");
    document.write(cars[4] + "<br>");
    document.write(cars[5] + "<br>");

    JavaScript While 循环

    只要指定条件为 true,循环就可以一直执行代码。

    while 循环

    While 循环会在指定条件为真时循环执行代码块。

    语法

    while (条件)
      {
      需要执行的代码
      }

    JavaScript Break 和 Continue 语句

    break 语句用于跳出循环。

    continue 用于跳过循环中的一个迭代。

    Break 语句

    我们已经在本教程稍早的章节中见到过 break 语句。它用于跳出 switch() 语句。

    break 语句可用于跳出循环。

    break 语句跳出循环后,会继续执行该循环之后的代码(如果有的话):

    实例

    for (i=0;i<10;i++)
      {
      if (i==3)
        {
        break;
        }
      x=x + "The number is " + i + "<br>";
      }



    JavaScript 变量

    1.与代数一样,JavaScript 变量可用于存放值(比如 x=2)和表达式(比如 z=x+y)。

    变量可以使用短名称(比如 x 和 y),也可以使用描述性更好的名称(比如 age, sum, totalvolume)。


    2.变量名的命名要求
    ①变量名只能用 字母 数字 下划线组成。
    ②开头不能是数字。
    ③变量名区分大小写,大写字母与小写字母为不同变量。(纯大写字母一般用来表示常量)


    3. 变量名的命名规范
    ①符合小驼峰法则(驼峰法则) 多个单词组成是变量名,除第一个字母小写,之后每个单词首字母大写。
    myNameIsLi
    ②或者使用 匈牙利命名法 ,所有字母小写,单词之间用下划线分隔 _ .



    4. JS中的数据类型 (记住)
    ① Undefind 未赋值 ,已经使用var声明的变量但是没有赋值。
    ② Nall 表示空的引用
    ③ Boolean 布尔类型。表示真假 ture 、flase。
    ④Number 数值类型 ,可以是整数,可以是小数、
    ⑤String 字符串类型,用" " 或 '' 包裹
    ⑥Object 对象类型

    JavaScript 数据类型

    使用 var 关键词来声明变量:

    var carname;

    变量声明之后,该变量是空的(它没有值)。

    如需向变量赋值,请使用等号:

    carname="Volvo";

    不过,您也可以在声明变量时对其赋值:

    var carname="Volvo";

    JavaScript 变量还能保存其他数据类型,比如文本值 (name="Bill Gates")。

    在 JavaScript 中,类似 "Bill Gates" 这样一条文本被称为字符串。

    JavaScript 变量有很多种类型,但是现在,我们只关注数字和字符串。

    当您向变量分配文本值时,应该用双引号或单引号包围这个值。

    当您向变量赋的值是数值时,不要使用引号。如果您用引号包围数值,该值会被作为文本来处理。

     JavaScript 运算符

    算术运算(单目运算符)
             + , - , * , /(保留小数) , % , ++ 自增, --自减
              + 加法运算、连接字符串 ,除加号外其余符号会先尝试将左右两边转Number

    [a++/ ++a的异同]、(--同理)

    a=1 b= a++ +2 >>>b=3 a=2 先用a的值执行加法 ,再把a自加 。
    c= ++a +2 >>>5 先执行a自增,再进行加法

    赋值运算
             = += -= *= /= %=
               =: 赋值;
               +=:a+=b ;相当于 a=a+b;

    关系运算
          == , != , > , < , >= , <=
              》关系运算符运算之后的结果是boolean类型 ture/flase。
             》 判断一个数字是否处于某个区间必须用 && 链接。
             == 等于 ,类型相同直接判断 ,类型不同时会尝试将两边转为Number再判断。
             != 不等于
               === 严格等于 数值类型都必须相同,类型不同结果为false,类型相同再进行下一步判断。
               !== 不严格等于

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

      有两个重要符号 ?和:
    当问号前面的部分结果为ture 执行:前面的代码,flase 执行:后面的代码,:两边可以为数值,则整个式子可用于赋值。冒号两边为代码块,将直接执行代码。
    多目运算可以多层嵌套

    位运算符、 逻辑运算符
             &&、||、!
       

    运算符的优先级
    ()
    ! ++ --
    * / %
    + -
    > < >= <=
    == !=
    && 与或同时存在时与比或高
    ||
    = += *= /= 最低的是各种赋值

     

  • 相关阅读:
    【数据结构】线性表&&顺序表详解和代码实例
    【智能算法】超详细的遗传算法(Genetic Algorithm)解析和TSP求解代码详解
    【智能算法】用模拟退火(SA, Simulated Annealing)算法解决旅行商问题 (TSP, Traveling Salesman Problem)
    【智能算法】迭代局部搜索(Iterated Local Search, ILS)详解
    10. js时间格式转换
    2. 解决svn working copy locked问题
    1. easyui tree 初始化的两种方式
    10. js截取最后一个斜杠后面的字符串
    2. apache整合tomcat部署集群
    1. apache如何启动
  • 原文地址:https://www.cnblogs.com/undeceive/p/7401050.html
Copyright © 2011-2022 走看看