JS入门

JavaScript

ECMAScript

组织ECMA

BOM

BrowserObject Model

浏览对象模型

对象window 方法

alert() 警告框

prompt(参数1，参数2)提示输入框

参数1：提示文本

参数2：输入框初始值

返回值：字符串、null

点击【确认】按钮，返回输入框中的值。点击【取消】按钮，返回null

confirm()确认对话框

返回值：布尔值

点击【确定】返回true,点击【取消】返回false

DOM

Document Object Model

文档对象模型

js是轻量级的脚本语言

引入方式

嵌入式

所有的js代码写到双标记标签内部

外链式

把js写到一个单独的js文件中，通过引入

事件引入

在开始标签上添加事件

注释方式

单行注释//

多行注释/**/

输出方式

alert()警告框 在浏览器窗口输出

document.write() 把内容写入到文档中

console.log() 在控制台以日志形式输出

数据类型

原始数据类型

字符串类型 String

数字类型 Number

布尔类型 Boolean

null 空 Object

undefined 未定义 undefined

引用数据类型

数组 Array

对象 Object

函数 Function

变量

声明变量 var 变量名；

标识符命名规则

必须以字母、下划线、美元符号开头，后面可以是字母、下划线、美元符号、数字

标识符区分大小写

不允许使用关键字与保留字

运算符

优先级 ！>算术运算符>关系运算符>&&>||>赋值运算符

赋值运算符 =

算术运算符 + - * / %

+

1.当加号两侧同时为数字，加法运算

2.当加号任何一侧有字符事，字符串拼接

-减号*乘号 /除号%取余

符号两侧同时为数字，进行对应的算数运算

符号任何一侧为非数字，运算时会把该侧进行类型转换，转换数字成功进行对应的算数运算

转换数字失败，得到NaN(Not a Number)

比较运算符

< > <= >= == != === !==

逻辑运算符

&&

同真则真，一假则假

当逻辑与左侧为false,结果是false,符号右侧可以忽略

当逻辑与左侧为true,结果以右侧的值为准

||

一真则真，同假则假

当逻辑或左侧为true,结果就是左侧值，右侧可以忽略

当逻辑或左侧为false,结果以右侧为准

类型转换