logo资料库

02_尚硅谷_JavaScript_王振国 - 课堂笔记.pdf

第1页 / 共28页
第2页 / 共28页
第3页 / 共28页
第4页 / 共28页
第5页 / 共28页
第6页 / 共28页
第7页 / 共28页
第8页 / 共28页
资料共28页,剩余部分请下载后查看
今日任务
课堂笔记
1、JavaScript介绍
2、JavaScript和html代码的结合方式
2.1、第一种方式
2.2、第二种方式
4、变量
5.3、关系(比较)运算
7.4、逻辑运算
7、数组(*****重点)
7.1、数组定义方式
8、函数(*****重点)
8.1、函数的二种定义方式
第一种,可以使用function关键字来定义函数。
函数的第二种定义方式,格式如下:
8.2、函数的 arguments 隐形参数(只在function函数内)
9、JS中的自定义对象(扩展内容)
Object形式的自定义对象
{}花括号形式的自定义对象
10、js中的事件
onload加载完成事件
onclick单击事件
onblur失去焦点事件
onchange内容发生改变事件
onsubmit表单提交事件
10、DOM 模型
10.1、Document对象(*****重点)
10.4、Document对象中的方法介绍(*****重点)
getElementById方法示例代码:
getElementsByName方法示例代码:
getElementsByTagName方法示例代码:
createElement方法示例代码:
10.5、节点的常用属性和方法
02-JavaScript 语言入门 讲师:王振国 今日任务 1.JavaScript 语言 课堂笔记 1、JavaScript 介绍 Javascript 语言诞生主要是完成页面的数据验证。因此它运行在客户端,需要运行浏览器来解析执行 JavaScript 代码。 JS 是 Netscape 网景公司的产品,最早取名为 LiveScript;为了吸引更多 java 程序员。更名为 JavaScript。 JS 是弱类型,Java 是强类型。 特点: 1. 交互性(它可以做的就是信息的动态交互) 2. 安全性(不允许直接访问本地硬盘) 3. 跨平台性(只要是可以解释 JS 的浏览器都可以执行,和平台无关) 2、JavaScript 和 html 代码的结合方式 2.1、第一种方式 只需要在 head 标签中,或者在 body 标签中, 使用 script 标签 来书写 JavaScript 代码 示例代码:
Title 2.2、第二种方式 使用 script 标签引入 单独的 JavaScript 代码文件 文件目录: html 代码内容: Title 4、变量 什么是变量?变量是可以存放某些值的内存的命名。 JavaScript 的变量类型: 数值类型: 字符串类型: 对象类型: 布尔类型: 函数类型: number string object boolean function 未定义,所有 js 变量未赋于初始值的时候,默认值都是 undefined. 空值 全称是:Not a Number。非数字。非数值。 JavaScript 里特殊的值: undefined null NaN JS 中的定义变量格式: var 变量名; var 变量名 = 值; 示例代码: Title 5.3、关系(比较)运算 等于: 全等于: == === 等于是简单的做字面值的比较 除了做字面值的比较之外,还会比较两个变量的数据类型 示例代码: Title
7.4、逻辑运算 && 且运算: || 或运算: 取反运算: ! 在 JavaScript 语言中,所有的变量,都可以做为一个 boolean 类型的变量去使用。 0 、null、 undefined、””(空串) 都认为是 false; /* && 且运算。 有两种情况: 第一种:当表达式全为真的时候。返回最后一个表达式的值。 第二种:当表达式中,有一个为假的时候。返回第一个为假的表达式的值 || 或运算 第一种情况:当表达式全为假时,返回最后一个表达式的值 第二种情况:只要有一个表达式为真。就会把回第一个为真的表达式的值 并且 && 与运算 和 ||或运算 有短路。 短路就是说,当这个&&或||运算有结果了之后 。后面的表达式不再执行 */ var a = "abc"; var b = true; var d = false; var c = null; 示例代码: Title 7、数组(*****重点) 7.1、数组定义方式 JS 中 数组的定义: 格式: // 空数组 var 数组名 = []; var 数组名 = [1 , ’abc’ , true]; 示例代码: // 定义数组同时赋值元素 Title
8、函数(*****重点) 8.1、函数的二种定义方式 第一种,可以使用 function 关键字来定义函数。 使用的格式如下: function 函数名(形参列表){ 函数体 } 在 JavaScript 语言中,如何定义带有返回值的函数? 只需要在函数体内直接使用 return 语句返回值即可! 示例代码: Title
© 2024   本站由 资料铺 提供技术支持  网站地图