JavaScript_知识点梳理note1

参考文献《JavaWeb 从入门到精通》

1.JavaScript的语法

  • JavaScript区分大小写
  • 每行结尾的分号可有可无
  • 变量是弱类型的
    在定义变量时,只使用var运算符就可以将变量初始化为任意的值。
    例如:(将变量name初始化为Bob,变量age初始化为20)
var name = "mrsoft";
var age = 20;
  • 使用大括号标记代码块
    与Java语言相同,JavaScript也是使用一对大括号标记代码块,被封装在打括号内的语句将顺序执行。
  • 注释
    单行注释和多行注释。

2.JavaScript的关键字

JavaScript_知识点梳理note1_第1张图片

3.JavaScript的数据类型

"数符布转空未定"

3.1.数值型(整型,浮点型)

**整型**

729                               //表示十进制的729
071                               //表示八进制的71
0x9405B                       //表示十六进制的9405B

**浮点型**

3.1415926                       //采用标准方法表示
1.6E3                              //采用科学记数法表示,代表1.6*10³
3.2.字符型

单引号字符型变量以及双引号字符型变量

'a'
'保护环境从我做起'
"b"
"系统公告:"
3.3.布尔值

布尔值即只有true跟false两个值,在JavaScript中可以用
整数0表示false;
非0的整数表示true;

3.4.转义字符
JavaScript_知识点梳理note1_第2张图片

demo:
使用\r转义符:


运行结果:


JavaScript_知识点梳理note1_第3张图片
3.5.空值
  • JavaScript中有一个空值(null),用于定义空的或不存在的引用;
    试图引用一个没有定义的变量,则返回一个null值
  • 空值不等于空字符串("")或者0;
    因为空值是不存在,而空字符串("")或者0有实际的意义。
3.6.未定义值

4.运算符

4.1.赋值运算符
JavaScript_知识点梳理note1_第4张图片

JavaScript_知识点梳理note1_第5张图片
4.2.算术运算符
JavaScript_知识点梳理note1_第6张图片
4.3.比较运算字符
JavaScript_知识点梳理note1_第7张图片
4.4.逻辑运算字符
JavaScript_知识点梳理note1_第8张图片
4.5.条件云算符

即三目运算符,语法格式如下:

操作数?结果1:结果2

Demo:

var a=26;
var b=60;
var m=a>b?a:b    //m的值为60
4.6.字符串运算符

字符串运算符是用于两个字符型数据之间的运算符,除了比较运算符之外,还可以是+和+=运算符。
Demo:


运行结果:

JavaScript_知识点梳理note1_第9张图片

5.流程控制语句

5.1.if条件判断语句
Demo:(用if语句验证用户登录信息)

CSS文件:


html文件:




无标题文档






  
用户登录
用户名:
密  码:
 



运行结果:

JavaScript_知识点梳理note1_第10张图片

5.2.switch多分支语句

Demo:




运行结果:

JavaScript_知识点梳理note1_第11张图片
image.png

5.3.for循环语句
5.4.while循环语句
5.5.do...while循环语句
5.6.break与continue语句

6.函数

基本语法如下:

function functionName([parameter 1, parameter 2,...]){
        statements;
        [return expression;]
}
JavaScript_知识点梳理note1_第12张图片

7.Window对象的open()方法

Demo:




















运行结果:

JavaScript_知识点梳理note1_第13张图片
image.png

注意区分四个按钮的代码表达,其中前三个按钮可以正常执行逻辑,但最后一个按钮不可 !

你可能感兴趣的:(JavaScript_知识点梳理note1)