介绍:
JavaScript(通常缩写为JS)是一门基于原型和头等函数的多范式高级解释型编程语言, 它支持面向对象程序设计、指令式编程和函数式编程。它提供方法来操控文本、数组、日期和正则表达式等。不支持I/O, 比如网络、存储和图形等, 但这些都可以由它的宿主环境提供支持。目前它被世界上绝大多数网站所使用, 也被世界主流浏览器(Chrome、IE、FireFox、Safari和Opera)所支持
对于客户端来说，JavaScript通常被实现为一门解释语言，但如今它已经可以被即时编译（JIT）。随着HTML5和CSS3语言标准的推行，它还可以用于游戏、桌面和移动应用程序的开发，以及在服务器端网络环境运行（如Node.js）。
作用: 给页面添加动态效果
语言特点:
基于面向对象的语言
属于弱类型的语言
属于脚本语言, 不需要编译, 由浏览器解析执行
安全性强: JS语言只能访问浏览器内部的数据, 浏览器以外的禁止访问
交互性强: 由于JS语言是嵌入到HTML中, 最终执行在客户端的浏览器中的语言, 和用户是直接接触, Java语言是运行在服务器的语言, 用户需要进行交互的话必须通过网络才可以, 所以JS语言的交互性更强
变量
JS语言属于弱类型语言, 声明变量的时候不需要指定类型
通过let或var声明变量
let生命的变量, 作用和Java语言类似
var声明的变量, 作用域是全局的
数据类型
JavaScript中只有对象类型
常见的对象类型:
number数值: 相当于Java中所有数值类型的总和
string字符串: 可以用单引号或双引号修饰
boolean布尔值: true/false
undefined未定义: 当变量只声明不赋值的时候变量为未定义类型
typeof 变量: 获取变量类型
运算符
算术运算符+ - * / %
除法和Java不一样, JS语言会自动根据结果转换为整数或小数
关系运算符> < >= <= != == ===
== 和===区别: ==先统一两边变量的类型再比较值, ===先比较两边变量的类型, 类型一致后再比较值 ''666''==666 true ''666''===666 false
逻辑运算符: && || !
赋值运算符: = += -= *= /= %=
三目运算符: 条件?值1:值2
各种语句
if else
while
for
switch case
如何在HTML页面中添加JS代码
三种添加方式:
内联: 在标签的事件属性中添加JS代码, 事件触发时执行
内部: 在页面的任意位置写script标签, 标签体内写JS代码
外部: 在单独的JS文件中写JS代码, 在HTML页面中通过script标签的src属性引入
方法
Java: public void 方法名(参数列表){方法体}
JavaScript:
function 方法名(参数列表){方法体}
let 方法名 = function(参数列表){方法体}
let 方法名 = new function("参数1", "参数2", "参数3", "方法体");
和页面相关的方法
通过选择器找到页面中的元素对象
let 元素对象= document.querySelector("选择器");
获取和修改元素的文本内容
元素对象.innerText = "xxxx"; 修改
元素对象.innerText 获取
获取和修改控件的值
文本框对象.value = "xxxx"; 修改
文本框对象.value 获取
NaN
Not a Number 代表不是一个数字
isNaN(变量) 返回值true代表是NaN, false代表不是NaN
NaN和任何数值进行任何运算, 结果都是NaN
JavaScript对象分类
内置对象: 包括string, number, boolean等
BOM: 浏览器对象模型
DOM: 文档对象模型
