解释性(不用编译)脚本语言(自己无法独立使用,需要和HTML一起使用),是一种动态类型、弱类型、基于原型继承的语言,内置支持类型。
解释器称为JavaScript引擎,作为浏览器的一部分
用来给HTML网页增加动态功能,定义网页的行为
JavaScript包含三部分:
ECMAScript语法。
文档对象模型(DOM Document Object Model)
浏览器对象模型(BOM Browser Object Model)
可以在网页的任何地方编写
需要使用<script src=”“></script>关联
<button onlick="">按钮</button>
JS中变量都用var关键字来声明,var是variable的缩写
注意:
var是声明关键字,num是变量名,语句以分号结尾;分号可省略。
命名:
包含字母、数字、下划线、$
不能以数字开头
变量名不能是关键字
基本类型包括Number、String、Boolean、Undefined、Null五种。
使用typeof运算符检测一个变量的类型。
使用方式:typeof(表达式)或typeof变量名
对象类型:
Object表示任何对象
使用JSON表示法创建对象。
注意:创建数组时可不用指定长度
语法:布尔表达式?结果1:结果2;
和Java语言使用基本一致
基本语法
注意:
条件是一个布尔值
条件是一个变量,如果值为0、null、undefined、NaN表示false,否则为true
如果变量没有定义,则出现异常
基本语法:
for循环:
while循环:
do while循环:
break用于结束循环
continue用于结束本次循环
概念:
封装特定任务功能的代码块。
定义:
JavaScript函数通过function关键词进行定义
调用:
当事件发生时。
代码调用、自调用。
alert:
只能点击确定按钮的弹窗
confirm:
可以点击确定或者取消的弹窗
prompt:
可以输入文本内容的弹窗
第一个参数是提示信息,第二个参数是用户输入的默认值(可不写)
点击确定反回用户输入的内容;点击取消或者关闭,返回null。
parseInt():
解析一个字符串并返回一个整数。
parseFloat():
解析一个字符串并返回一个浮点数。
isNaN():
检查某个值是否是数字。是数字返回false 不是数字返回true
概念:
正则表达式是描述字符模式的对象
是一个定义规则的表达式,检验我们的字符串符不符合这个规则,用于简化业务逻辑代码
作用:
用于对字符串模式匹配及检索替换
是对字符串执行模式匹配的强大工具
语法:
var patt = new RegExp(pattern,modifiers);
var patt = /pattern/modifiers;
修饰符:
概述:
通过HTML DOM ,可访问JavaScript HTML文档的所有元素。
当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。
获取网页元素的三种方法:
可用于直接向HTML输出流写内容
获取或设置HTML内容
HTML标签会被解析
获取或设置HTML内容
HTML标签会作为普通文本