HTML之JavaScript——JavaScript基础

2019-09-29 本文已影响0人思君_4cd3

一.JavaScrip简单基础

是一种弱类型的脚本语言，用来给静态页面添加动态功能。

1.JavaScript简介

1.基于对象的脚本语言
2.解释执行
3.代码以纯文本形式存储
4.类型宽松

2.JavaScript功能

1.表单校验
2.页面修饰以及特殊效果
3.导航系统
4.基本数学运算
5.动态文档生成

3.JavaScript特点

1.脚本编写
2.基于对象
3.简单，安全
4.动态
5.跨平台

4.JavaScript相关概念

ECMAScript
一个描述
DOM文档对象模型
通过创建树来表示文档
BOM浏览器对象模型
访问和操作浏览器窗口
没有统一的标准，每个浏览器都有自己的BOM

5.JavaScript使用

在HTML中嵌入JavaScript代码
1.在页面中嵌入script代码：
<script type="text/javascript">
。。。
</script>
可以嵌入到任何位置，建议在head标签中
在HTML中，<script>标签默认认为JavaScript脚本，因此在实际开发中language，type属性都省略。
2.在标签中嵌入script代码
响应标签某个事件
例子如下：
方法一：直接在页面代码中写js脚本

输出
注释和弹框显示
输出换行标签才会进行输出
时间输出

当头部和主体部分都有弹框的情况下，先弹出头部所写的弹框，在执行主体部分的弹框。

示例
结果1
结果2
判断语句
示例
方法二：新建一个js文件，里面写代码，在HTML文件中使用<script>标签进行引入
js代码
HTML引入
结果

二.JavaScript基本语法

1.JavaScript语法

1.区分大小写
变量 myTest和myTEST是不同的变量
2.变量是弱类型
3.行结尾加分号
4.括号表明代码块
5.注释通用简单
在浏览器中逐条解释执行，如果某条语句出现错误，后面的语句将不能执行

2.常量

1.Math.E:常量e
2.Math.PI:常量PI
3.Number.MAX VALUE:可表示的最大的数
4.Number.MIN VALUE:可表示的最小的数
5.Number.NaN：非数字值

3.变量

变量声明：
1.var
2.在使用变量前声明
var mytest
3.可以声明的同时赋值
var mytest=“This is a book";
4.同时声明多个变量（不建议）
var a,b=1,c;
判断当前变量数据类型：

示例

4.数据类型

五种原始类型（简单类型）
1.Undefined——未定义类型
未被赋值的变量，值为undefined
2.Null——空类型
值为null，尚不存在的对象
3.Boolean——布尔类型
值为true/false
4.Number——数字类型
任何数字（NaN也是number类型，表示”非数“）
5.String——字符串类型
值用引号（单引号或者双引号）括起来
数据类型——一种复杂类型
Object
判断i是否是一个非数: