Js简介:
1、什么是js JavaScript(livescript)是一种脚本语言
2、什么是动态页面 — 人机交互,静态页面 — 没有人机交互
3、Js需要安装才能使用吗? — 不需要
4、什么是BOM — 浏览器对象模型 DOM — 文档对象模型
编写第一个JS程序
- 使用script标签在HTML中插入JavaScript,编写内部JavaScript
开发第一个js小程序
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
/*css编写*/
</style>
<script type="text/javascript">
//调试工具 -- 弹出框
alert("hello JavaScript");
</script>
</head>
<body>
</body>
</html>
- 引用外部JS文件 ```html <!DOCTYPE html>
```
- 开发第一个js小程序
Js变量:与其他程序设计语言相同,是用来临时存储信息的;
创建方法1: var x = 1; var name = “javascript”; var x=2,name=”zhangsan”;
创建方法2: var x; x=1; x=2; — 弱数据类型
注意点:js中的变量,区分类型的,但是没有int之类的关键词;
Js调试
alert()弹框调试,console.log()控制台输出调试
作用:观察变量值的变化规律,是否符合程序设计的目的
语法 alert(flag); console.log(flag);
Js函数分为2部分:
1、自定义函数 — 直接称之为函数,有时候也会称之为方法
自定义函数是完成某一个功能的代码段,可重复执行,方便管理和维护;
2、内置函数
3、创建方法:
(1)函数声明:可以先使用后定义:
function fun1(){
代码段;
return *; — 返回值
}
(2)函数表达式:必须先定义后使用;**
Var fun1=function(x){
return x+1;
}
实例;
数据类型及转换 —
虽然统一定义var变量,但是赋值的时候是要区分数据类型;
(1)数据类型:number string boolean underfine null
1、number 数字类型,整数、浮点数(小数)都包括;
2、String 字符串类型、必须放到单引号或者双引号中;
3、Boolean 布尔类型、 只有true和false两种值
4、Underfine 未定义 一般指的是已经声明,但是没有赋值的变量;
5、Null 空对象类型,var a=null; 和var a = “”;有区别
(2)特殊类型; object NaN
1、object 对象类型 在js常见的对象有 window document array等
2、NaN 是Number的特殊类型,isNaN(); — 用来判断是否是非数值?
(1) 如果是数字的话,返回false;
(2) 如果不是数字返回true;
(3)类型转换
- parseInt() -- 转转成整形
- parseFloat(); -- 转换成浮点类类型(带小数点)
- Number(); -- 包括整数和小数的;
- Boolean(); -- 转换成逻辑类型
Js对表单的操作; 初始化 赋值 取值
需求:现在希望单击按钮 使得文本框内容发生改变
1、单击事件的执行
2、文本框发生改变
处理闰年的问题,判断闰年的标准有两个:
1、能被4整除,不能被100整除;
2、或者能被400整除
关于this的指向问题
1、在事件触发的函数中,this就是对该dom对象的引用;
什么是事件:
1、事件是指被程序发现的行为或者发生的事情,而且他可能会被程序处理;
2、Js的事件 都是以on开头的,onclick onchange onload onmouseover onmouseout
3、键盘事件 鼠标事件 表单事件
事件分为两类:
1、HTML事件 — 直接在html元素上写
2、DOM 0级事件 — (获取HTML元素).事件 = 执行脚本 — 在DOM对象上绑定事件
11:07后面录频没成功,我把index6.html 和 index7.html 源代码发到资料里;
如果忘记的同学自行看下,所有代码都需要敲一遍。,掌握以下!
Onfocus事件一般用于input标签的type位text password text area标签
Onblur事件
需求:希望浏览器有如下效果:
1、如果输入了11位数字,对勾显示
2、如果输错了,不是数字等,显示X
下面2个事件 成就了onclick事件
Onresize:当调整浏览器窗口的大小时触发
Onscroll:拖动滚动条时候触发!
键盘事件和keycode属性
Onkeydown:用户按下一个键盘按键时候发生;
Onkeypress:在按下键盘按键时发生(只会响应字母和数字符号)
Onkeyup在键盘按键松开时候发生
KeyCode属性:返回Onkeydown Onkeypress Onkeyup事件触发的按键的值的字符代码或者按键标识符
DOM
1、document object model > dom
2、什么时dom 将文档(页面)表现为结构化的表示方法,,使得每一个页面元素都是可控的,dom将网页和脚本以及其他的编程语言联系起来;
3、DOM树
4、
5、常见的DOM操作:
(1) getElementById 返回带有指定的ID元素
(2) getElementsByTagName 返回的是包含带有指定标签名的所有元素的节点列表
(3) getElementsByClassName 返回的是包含带有指定类名的所有元素的节点列表
(4) getElementsByName 获取相同名称(name)的元素的所有节点列表