ECMAScriptJS一健全游~(基础、运算符、条件语句)

一、基础篇

JavaScript

冲浏览器(客户端)、基于(面向)对象{没有持续}、事件驱动(要来对象)、脚本语言(灵活多变)

1、作用

表单的认证,减轻服务端的压力

补给加页面动画作用

动态更改页面内容

Ajax网络要( 异步 js and xml)无跳转刷新

2、组成部分

ECMAScript语法标准

语法,变量、数据类型,运算符,逻辑控制语句 ,关键字、保留字,对象

DOM文档对象类型操作

BOM文档对象类型操作

 ECMAScript 1

 

JS的施行原理

前台向服务器发起呼吁,请求服务器被咱多少,然后回来到前台

ECMAScript 2

 

JS使用办法 (一般在head里)

简而言之缩写方式

<script type=”text/javascript”>

javascript的语句

</script>

ECMAScript 3

src可以引入其他js语言,外部JavaScript文件 (Ctrl+shift+?注释)

HTML页面内嵌入JavaScript代码

ECMAScript 4

ECMAScript 5

ECMAScript 6

外部JavaScript文件

js文档中直接写

ECMAScript 7

援外部js的script不要使用单标签

引用外部js的script不要编写js代码

利用外部js的script可放置于页面任意位置

ECMAScript 8

ECMAScript 9

 

JS的中心语法 (ECMA提供)

typeof用于调试

变量是先后中数的旋存放场所,用来囤积计算过程

优先声明变量再赋值

var width;声明 width=5;赋值

var——用于声明变量的关键字

width——变量名

ECMAScript 10

 

又声明和赋值变量

ECMAScript 11

 

以声明多个变量

ECMAScript 12

非声明直接赋值

区区只变量显示最后一个

ECMAScript 13

ECMAScript 14

ECMAScript 15

变量的命名规范

变量名为好由字母、数字、_(下划线)和$符组合而成

变量名非克包含除_(下划线)和$以外的旁特殊字符

变量名非克因数字开头(必须坐字母、_(下划线)和$符开头)

分轻重缓急写

ECMAScript 16

数据类型

Undefined 未定义

取值undefined 未声明

Null 空的

取值null

Boolean 布尔

取值true和false 不可知效仿引号,套了就算为字符串

Number 整数型

整数型和浮点数型(带小数)

NaN:非数值(not a number)

isNaN:用来判断这个值到底是未是NaN. true即为NaN

ECMAScript 17

易函数

number():转换任何类型 (包含数值类的字符串)只能换

ECMAScript 18

ECMAScript 19

 

parselnat():将字符串转换为数值 整数

ECMAScript 20

ECMAScript 21

paeseFloat():将字符串转换为数值
float浮点数/小数 BO、

ECMAScript 22

 ECMAScript 23

String 字符串

是因为双引号或单引号表示,成对出现

Object 复杂数据类

平等组数及职能的联谊

 

typeof用来检测变量数据类型

 

注释

单行注释 Ctrl+/以//始发,以行末结束

大多实行注释 Ctrl++shift+/以/*开始,*/ 结束

常用之输入输出

alert()

alert(’提示信息’)

prompt() 有返值 默认string

ECMAScript 24

  ECMAScript 25

 

confirm 有归值,返回值的花色是布尔类型

ECMAScript 26

ECMAScript 27

ECMAScript 28

ECMAScript 29

二、运算符

表达式

ECMAScript中的一个短语,解释器会通过测算把他变成为一个价值

极端简单易行的表达式

字面量 var a=’abc’

变量 var b=a

运算符、变量、常量、函数构成的表达式 sum=sum1+sum2

表达式类型取决于运算结果

ECMAScript 30

算数运算符 (单目运算)

+-*/ %(取余、取模)

++自增 在原来基础及+ i=2;j=i++, i=3;j=2 i=2;j=++i, i=3;j=3
 (+在面前先行从增在赋值 +在后先赋值在打增 )

–自减 

 ECMAScript 31

ECMAScript 32

赋值运算 =

复合赋值运算 -= *= /= %= b%=a (b=b%a)

ECMAScript 33

涉及运算 布尔值true /false

==才是相当 !=不等于 > <

原则运算符(多目运算符)

alert(a>b?’成立’:’不成立’)三目

       (表达式1?表2:表3)

位运算符 & |或 ~ 将数字转化为二进制再拓展测算

ECMAScript 34

逻辑运算符 (连接一个或基本上只极,判断这些极是否建)

逻辑与&& 或 || 非!

逻辑和与逻辑或是短路运算:

&&特点:运算符左侧条件不成立时,就终止运算右侧条件

||特点:运算符左侧条件建立时,就停运算右侧条件

各移运算

<<带符号位移 >>左 >>>无号右侧变

 ECMAScript 35

===严格的于运算符

逗号运算符和表达式

表达式1,表达式2,······表达式n

浑逗号表达式的值是终极一个表达式的价值

ECMAScript 36

ECMAScript 37

ECMAScript 38

其三、条件语句

 

if条件语句

 

if-else语句

 

ECMAScript 39

嵌套if结构

用通if块插入到任何一个if块中

switch语句

switch-case 语句是多路判断语句

switch语句计算口径表达式并对照多只常量数值进行

ECMAScript 40

default是当以上原则且未饱的时段下

在使case结构时留意以下几点:

当case后的常量表达式的价值未能够一如既往,否则会并发错误

在case后,允许发生多独话,可以毫无{}扩起来

每个case语句子后都得发一个break语句,否则会冒出错误

比较if和switch结构语句

基本上又if结构及switch结构还得就此来兑现多程支行

差不多再次if结构用来实现两路、三程支行比较好,而switch结构实现三路程以上分支比较便利

以采取switch结构时,应留神case语词后是常量表达式(定值),不可知是限制,范围用几近双重if结构来促成

稍题目不得不以多更if’结构来落实,例如要一口咬定一个价是否当某个区间的景象

switch不克就此来限制选择,但是效率高

while循环 先判断在履

ECMAScript 41

ECMAScript 42  

do-while 先执行还判断

ECMAScript 43

嵌套while循环

ECMAScript 44

ECMAScript 45

总结:

循环结构的特色是:

循环结构的表征是,在加以条件建立时,重点履行某程序段,直到条件不起为止

while循环用于在加条件也实在景下再执行同一组操作,while循环先判断后实施

do-while循环先执行后判断,因此循环将至少实施同样浅

当循环中,需要循环变量的价值为转循环条件,否则有或形成死循环

巡回嵌套必须将内层循环完整的隐含在外围循环中

四、例题

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
//            阶乘  sum=1!+2!+3!+.....+n!


            /*var a=Number(prompt('shu'));
            var i=1;
            var sum=0;
            var mui=1;
            while(i<=a)
            {
                var j=1;
                while(j<=i)
                {
                    mui=mui*j;
                    j++;
                }
                sum=sum+mui;
                mui=1;
                i++;
            }
            alert(sum);*/
        </script>
    </head>
    <body>
    </body>
</html>

 

 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
            九九乘法表
            /*var i=1;
            var j=1;
            while (i<10){
                while (j<=i){
                    document.write(j+'*'+i+'='+j*i+'&nbsp'+'&nbsp');
                    j++;
                }
                document.write('<br />');
                j=1;
                i++;
            }*/
        </script>
    </head>
    <body>
    </body>
</html>

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
//            倒三角

            /*var n=Number(prompt('请输入层数'))
            var i=1
            var j=1
            while(i<=n){
                while(j<=i){
                    document.write('*')
                    j++;
                }
                j=1;
                document.write('<br />')
                i++;
            }*/
        </script>

    </head>
    <body>
    </body>
</html>