JS十十二日游~(基础、运算符、条件语句)

一、基础篇

JavaScript

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

1、作用

表单的注解,减轻服务端的压力

添加页面动画功效

动态更改页面内容

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

② 、组成都部队分

ECMAScript语法标准

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

DOM文书档案对象类型操作

BOM文书档案对象类型操作

 图片 1

 

JS的实践原理

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

图片 2

 

JS使用方法 (一般位于head里)

简单易行缩写格局

<script type=”text/javascript”>

javascript的语句

</script>

图片 3

src能够引入其余js语言,外部JavaScript文件 (Ctrl+shift+?注释)

HTML页面内嵌入JavaScript代码

图片 4

图片 5

图片 6

外部JavaScript文件

js文书档案中一直写

图片 7

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

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

使用外部js的script可放置在页面任意地方

图片 8

图片 9

 

JS的中坚语法 (ECMA提供)

typeof用于调节和测试

变量是先后中数量的最近存放场所,用来囤积总括进度

先注脚变量再赋值

var width;声明 width=5;赋值

var——用于申明变量的机要字

width——变量名

图片 10

 

还要评释和赋值变量

图片 11

 

而且注明三个变量

图片 12

不证明直接赋值

三个变量呈现末了2个

图片 13

图片 14

图片 15

变量的命名规范

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

变量名不能够包涵除_(下划线)和$以外的任何特殊字符

变量名无法以数字初叶(必须以字母、_(下划线)和$符开头)

差异轻重缓急写

图片 16

数据类型

Undefined 未定义

取值undefined 未声明

Null 空的

取值null

Boolean 布尔

取值true和false 不能够套引号,套了即为字符串

Number 整数型

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

NaN:非数值(not a number)

isNaN:用来判定这几个值到底是否NaN. true即为NaN

图片 17

更换函数

number():转换任何类型 (包蕴数值类型的字符串)只可以转换

图片 18

图片 19

 

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

图片 20

图片 21

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

图片 22

 图片 23

String 字符串

由双引号或单引号表示,成对出现

Object 复杂数据类型

一组数据和效率的集结

 

typeof用来检查和测试变量数据类型

 

注释

单行注释 Ctrl+/以//起始,以行末甘休

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

常用的输入输出

alert()

alert(’提示新闻’)

prompt() 有再次回到值 暗中认可string

图片 24

  图片 25

 

confirm 有再次回到值,再次回到值的项目是布尔类型

图片 26

图片 27

图片 28

图片 29

二、运算符

表达式

ECMAScript中的贰个短语,解释器会通过测算把他转换来2个值

最简单易行的表明式

字面量 var a=’abc’

变量 var b=a

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

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

图片 30

算数运算符 (单目运算)

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

++自增 在原本基础上+ i=2;j=i++, i=3;j=2 i=2;j=++i, i=3;j=3
 (+在前先自增在赋值 +在后先赋值在自增 )

–自减 

 图片 31

图片 32

赋值运算 =

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

图片 33

论及运算 布尔值true /false

==才是十分 !=不等于 > <

条件运算符(多目运算符)

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

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

位运算符 & |或 ~ 将数字转化为二进制再进行总括

图片 34

逻辑运算符 (连接二个要么多少个规格,判断那些规则是或不是创设)

逻辑与&& 或 || 非!

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

&&特点:运算符左边条件不树立即,就止住运算左侧条件

||特点:运算符右边条件建马上,就截止运算左侧条件

位移运算

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

 图片 35

===严刻的可比运算符

逗号运算符和表达式

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

整套逗号表达式的值是最终3个表达式的值

图片 36

图片 37

图片 38

③ 、条件语句

 

if条件语句

 

if-else语句

 

图片 39

嵌套if结构

将全部if块插入到另三个if块中

switch语句

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

switch语句计算口径表明式并比较八个常量数值举办

图片 40

default是在上述条件都不满意的时候使用

在应用case结构时注意以下几点:

在case后的常量表达式的值不能够同一,否则会见世谬误

在case后,允许有八个语句,能够不用{}扩起来

每种case语句后都不可能不有叁个break语句,不然晤面世错误

相比if和switch结构语句

多重if结构和switch结构都得以用来促成多路支行

多重if结构用来落到实处两路、三路分段相比便于,而switch结构完毕三路以上分支比较有利

在选拔switch结构时,应注意case语句后边是常量表达式(定值),不能够是限制,范围用多重if结构来落到实处

稍稍标题只可以利用多重if’结构来贯彻,例如要一口咬住不放贰个值是还是不是在某些区间的地方

switch无法用来限制接纳,可是作用高

while循环 先判断在执行

图片 41

图片 42  

do-while 先执行再判断

图片 43

嵌套while循环

图片 44

图片 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>