没有合适的资源?快使用搜索试试~ 我知道了~
JavaScript讲义
需积分: 0 0 下载量 105 浏览量
2023-04-22
17:47:30
上传
评论
收藏 363KB DOC 举报
温馨提示
试读
37页
JavaScript讲义
资源推荐
资源详情
资源评论
www.bjpowernode.com 1 / 37 Copyright©动力节点
课程体系说明:
标号 1 表示必须掌握;
标号 2 表示能够理解;
标号 3 表示简单了解;
标号 4 表示扩展内容;
1. JavaScript 概述
(1)简称 JS
(2)一种脚本语言,脚本语言的特点
Java 语言是一种非脚本语言,属于编译型语言。
JavaScript 语言是一种脚本语言(解释型语言),JavaScript 的“目标程序”是以普通文本的形式保存。用记事本是可以
直接打开的。浏览器打开就直接解释执行了。
(3)JavaScript 和 JScript 的关系
JavaScript 是网景公司开发的,javascript 之父是 布兰登艾奇。JavaScript 前身叫做 LiveScript。当时网景公司开发 JavaScript
的目的是为了占领“浏览器”市场。网景公司有一个浏览器,当时非常著名:领航者浏览器 Navigator。JavaScript 语言是为
领航者浏览器专门量身打造的。JavaScript 只支持 Navigator 浏览器,其它浏览器不支持。这个时候微软慌了,马上组建团队,
开发了一种编程语言叫做 Jscript,专门和 JavaScript 抗衡的,只支持 IE 浏览器。网景公司在某个历史阶段,和 SUN 公司有合
作,SUN 公司把 LiveScript 改名为 JavaScript。
(4)JavaScript 主要用来操作 HTML 中的节点,产生动态效果
JavaScript 是一门编程语言,专门用来操作 HTML 页面中的节点,让网页产生动态效果的。JavaScript 中也有变量、数据
类型、运算符、if 语句、for 循环、标识符、关键字等。
(5)JavaScript 和 Java 的区别
JavaScript 运行在浏览器当中,浏览器中有执行 JS 代码的内核。
Java 运行在 JVM 当中。JavaScript 和 Java 没有任何关系。
Java 语言是 SUN 公司开发的,JavaScript 这个名字是 SUN 公司给起的名。
www.bjpowernode.com 2 / 37 Copyright©动力节点
JavaScript 选择是对的,真的搭上了 Java 的顺风车!
2. JavaScript 包括三块:ECMAScript、DOM、BOM
(1)ECMAScript 是 ECMA 制定的 262 标准,JavaScript 和 JScript 都遵守这个标准,ECMAScript 是 JavaScript 核心语法
(2)DOM 编程是通过 JavaScript 对 HTML 中的 dom 节点进行操作,DOM 是有规范的,DOM 规范是 W3C 制定的。
(Document Object Model:文档对象模型)
(3)BOM 编程是对浏览器本身操作,例如:前进、后退、地址栏、关闭窗口、弹窗等。由于浏览器有不同的厂家制造,所
以 BOM 缺少规范,一般只是有一个默认的行业规范。(Browser Object Model:浏览器对象模型)
3. 嵌入 JS 三种方式以及 JS 的注释
3.1.
行间事件
(1)<input type="button" value="hello" onclick="window.alert('点击:hello world!!');">
(2)JS 是一种基于事件驱动型的编程语言,当触发某个事件之后,执行一段代码(eg.鼠标单击 click,鼠标经过
mouseover)
(3)JS 中的任何一个事件都对应一个事件句柄,例如鼠标单击事件 click,对应的事件句柄就是 onclick,事件句柄都是以
标签的属性方式存在。在事件句柄后面可以编写 JS 代码,当触发这个事件之后,这段 JS 代码则执行了。(浏览器执行)
这段代码不是在浏览器打开时执行,浏览器打开只是将代码注册给事件句柄,等事件发生,被监听器调用。
(4)JS 中的字符串可以使用单引号括起来,也可以使用双引号括起来
(5)window 是 JS 中的内置 BOM 顶级对象,代表当前浏览器窗口,window 对象有一个 alert()函数,该函数可以在浏览器
上弹出消息框。
(6)JS 中的一条语句结束后可以使用“;”结尾,也可以不写。
(7)window.alert()中的 window.可以省略。
www.bjpowernode.com 3 / 37 Copyright©动力节点
3.2.
页面 script 标签嵌入
(1)<script type="text/javascript">JS 代码</script>
(2)window.alert()的执行会阻塞当前页面的加载
(3)一个页面中可以写多个脚本块
(4)脚本块的位置没有限制
(5)暴露在脚本块中的 JS 代码在页面打开的时候遵循自上而下的顺序依次逐行执行
3.3.
外部引入
(1)<script type="text/javascript" src="js 文件路径"></script>
(2)<script type="text/javascript" src="js 文件路径">这里不能写 JS 代码</script>
(3)这种写法错误:<script type="text/javascript" src="js 文件路径"/>
4. 标识符和关键字
(1)标识符命名规则和规范按照 java 执行
(2)关键字不需要刻意记
5. 变量
5.1.
变量的声明与赋值
声明 var 变量名
赋值 变量名=值
www.bjpowernode.com 4 / 37 Copyright©动力节点
声明多个变量 var a,b,c = 300;
(1)变量未赋值,系统默认赋值 undefined(是个具体的值,这个值就是 undefined)
(2)JS 是一种弱类型编程语言(没有编译阶段,直接浏览器打开解释执行),一个变量可以接收任何类型的数据,赋什
么值就是什么类型,并且数据类型可变
(3)一行上也可以声明多个变量
5.2.
函数的定义与调用
(1)函数类似于 java 语言中的方法,是一段可以完成某个功能的可以被重复利用的代码片段
(2)定义函数的两种语法
第一种:普通函数定义,这种方式较多
function 函数名(形式参数列表){
函数体;
}
例如:
function sum(a,b){
return a+b;
}
注意:
a 和 b 是形式参数列表,也是两个局部变量。
JS 中的函数不需要指定返回值类型,因为 JS 是弱类型编程语言,变量可以接收任何类型的数据,也就是说 JS 中的函数可
以返回任何类型的数据,当然也可以不返回任何数据。返回数据使用 return 语句。
JS 中的函数在调用的时候,实参可以随意,例如调用以上的 sum 函数,可以这样调用:sum(),没有传任何实参的时候 a
和 b 变量没有赋值,则 a 和 b 都是 undefined。也可以这样调用 sum(10),这样就表示 a 变量赋值 10,b 变量仍然是
undefined。还可以这样调用:sum(1,2),这样则表示 a 是 1,b 是 2。
第二种:如果是把函数的声明当做类进行定义这种方式较多
www.bjpowernode.com 5 / 37 Copyright©动力节点
函数名 = function(形式参数列表){
函数体;
}
例如:
sum = function(a, b){
return a + b;
}
(3)JS 中的函数定义在脚本块中,页面在打开的时候,函数并不会自动执行,函数是需要手动调用才能执行的。
(4)由于 JS 是一种弱类型编程语言,所以函数不能同名,没有重载机制(重名函数,前面的就消失了)
(5)这样的代码顺序是可以的,页面打开的时候会先进行所有函数的声明,函数声明优先级较高。
<script>
sayHello();//先调用
//再声明
function sayHello(){
alert("Hello JS");
}
</script>
(6)用户点击按钮,调用函数
<script>
function sayHello(username){
alert('欢迎'+username+'光临')
}
</script>
<input type="button" value="hello" onclick="sayHello('张三')">
(7)调试
首选方案:alert(),在程序某个位置弹出某个变量的值来进行判断
备选方案:使用浏览器自带的 F12
掌握控制台,查看器,网络这三个面版
5.3.
局部变量和全局变量
剩余36页未读,继续阅读
资源评论
不_要_挂_科
- 粉丝: 8
- 资源: 1
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功