CGB2111javascript学习第一天
今天内容
1.javascript概述
2.javascript的入门
3.javascript的基础语法
4.javascript的常用对象
5.Dom
1.javascript概述
它是一门客户端脚本语言，基于对象和事件驱动的网页编程语言
客户端(client):浏览器
脚本语言:不需要编译,可以直接运行,只要设备安装了浏览器,就可以直接运行js
基于对象:指的js已经内置好了对象，我们可以直接使用
javascript面向对象特点：先创建对象,再使用对象调用属性和方法
事件驱动
事件：指的接触网页的事件，比如鼠标点击事件，鼠标双击事件,键盘按下，松开等等事件
事件源：指的网页中的元素，比如；标签，文本（标签体）等等，比如
<a href = " " target=" ">文本</a>
事件和事件源绑定：指的事件和网页的元素绑定，作用：触发网页元素的事件，调用js代码
驱动：调用js代码
2.入门程序
1.js代码建议放在body标签最下面(html代码加载顺序从上向下
2.理解什么是驱动
2.javascript发展过程
javascript组成=ECMA基本语法+DOM + BOM
ECMA基本语法:指的类型的定义,变量的定义,语句的定义等等
DOM:Doucument object Model文档对象模型(指的很多dom对象)
作用:操作标记性文档,目前标记性文档就是htm1(xml)
BOM: Browser object Model 浏览器对象模型
作用:操作浏览器的的，开发者:安费IE, CHROME FIREFOX(检验前端代码的兼容性)
3.五种原始类型
number类型： 数字类型
string类型： 字符串或者字符
null类型：比如： 定义一个变量，赋值为null , var a =null;
undefined类型：未定义类型，比如： 定义一个变量，没有赋值 ，var a;
boolean类型：表示true或者false…
4.引用类型
Boolean类型
Number类型
String类型
等等
5.常用变量
定义全局变量
基本语法： 变量名称= 值 //变量名称 就是全局变量 ,不建议这样书写.
6.运算符
算术运算符
+ - * / % ++ --
赋值运算符
= += -= *= /= %=
细节：同算术运算符的道理一样。
比较运算符
== === > >= < <= !=
== : 只比较值是否一样
=== :即比较值,又比较数据类型
逻辑运算符
&& || ！
7.三元运算符
场景： 数据进行分页，100条数据，每页显示10条，求总页数
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script type="text/javascript">
var a = "";//false
var flag1 = !a;
document.write("空串的取反的结果:"+flag1+"
");
var b = null;
document.write("null的取反结果:"+(!b)+"
");
var c = NaN;//false
document.write("Nan的取反结果:"+(!c)+"
");
var d = 0;
document.write("d的取反结果:"+(!d)+"
");
</script>
</body>
</html>
8.流程控制语句
if 语句
switch 语句
for 循环
while 循环
9.数组
创建数组
方式一：直接创建一个指定元素的数组
var arr1 = [1,“a”,“b”,true];
var arr2= new Array(1,“a”,“b”,true);
方式二： 创建一个空的数组
var arr1=[ ]; 或者 var arr2= new Array();
方式三：创建一个指定长度的数组
var arr= new Array( size 数字)
数组特点
数组的元素类型： 可以是任意类型
数组的长度可以变化的
数组的长度 = 数组的最大索引值+1
10.函数
函数的创建
方式一： 动态函数
var fun1 = new Function(参数，方法体);
方式二：普通函数
function 方法名称（方法的参数）{
方法体内容
}
方式三：匿名函数
var 方法名称 = function (方法的参数）{
方法体内容
}
今天小结
注释：单行// 多行/**/
输入输出语句：prompt()、alert()、console.log()、document.write()
变量和常量：let、const
数据类型：boolean、null、undefined、number、string、bigint
typeof 关键字：用于判断变量的数据类型
运算符：算数、赋值、逻辑、比较、三元运算符
流程控制和循环语句：if、switch、for、while
数组：数据类型和长度没有限制，let 数组名 = [长度/元素]
函数：类似方法，抽取代码，提高复用性