首页 > 代码库 > JavaScript基础
JavaScript基础
一. 概述(大小写敏感)
一种高级语言,运行在浏览器上,用来解析和操作HTML网页的一种语言。
可以提升网页与用户的交互,提升用户的体验。
1. 特点:
1). 安全性: 因为JS运行在浏览器上,相当于运行在一个保险箱中,对本地的文件是不能读写的。所以没有感染病毒的风险。
2). 跨平台:只要操作系统有浏览器就可以运行JS,如:window、linux、OS、iOS、Android
2. JavaScript与Java不同
3. JavaScript三大组成部分:1). 出品公司:
JS - 网景 netscape
Java - Sun
2). 面向对象:
JS - 不完全面向对象,有面向对象的特性,基于对象。
Java - 完全面向对象
3). 运行方式:
JS - 解释型,读取一行运行一行,不会生成中间文件。
Java - 编译型,全部编译通过以后,生成字节码文件。
4). 数据类型:
JS - 弱类型,数据类型是可变的
Java - 强类型。int m = 5; String str = "abc";
1) ECMA Script 指定了JS的基本语法
2) BOM Browser Object Model 浏览器对象模型,用于操作浏览器中的对象。
3) DOM Document Object Model 文档对象模型,用于操作网页中的元素
二、JavaScript语法
三. 数据类型1. 引入方式:
1) 写在HTML文件的内部
<script type="text/javascript">
//写JS脚本
</script>
2) 写在外部的JS文件中
<script type="text/javascript" src="http://www.mamicode.com/js/01.js"></script>
2. <script>标签的说明:
1). <script>中的src属性和type属性:
src:引入外部的JS文件
type: 指定脚本的类型text/javascript
2).<script>标签个数:
可以写多个标签,每个标签中的脚本会依次执行
3). 出现的位置:
既可以写在head中,也可以放在body中,甚至可以放在HTML的后面。
4). 建议放的位置:
一般建议放在head中
1. 五种基本数据类型:
string 字符串(字符和字符串)
number 数值(包括小数和整数)
boolean 布尔(true/false)
object 对象类型(null)
undefined 未知的类型
null与undefined的区别:
null: 这是一个对象类型,只是这个对象没有值。
undefined:定义了一个变量,但这个变量没有初始化,不知道是什么类型。
2. typeof操作符:
判断变量的类型
3. 全局函数
parseInt() 转成整数
parseFloat() 转成小数
isNaN() 非数字,返回true
四. 流程判断语句:
一、判断
1. 不是布尔类型的条件:
1) number: 非0为true,0为false
2) string: 非空串为true
3) undefined: false
4) NaN: false
5) 对象类型: null表示false
二、多分支与Java的不同
1 case后面可以使用变量
2 case后面可以使用表达式,前提:switch(true)
五. 函数:
一、函数
1. 关于函数的重载
1) 不能重载,后面创建的函数会覆盖前面已经创建的函数
2) 形参的个数与实参的个数无关
2. 函数中的arguments隐式数组对象
把形参->arguements数组->实参
六. window对象(BOM模型:BOM 浏览器对象模型 ,操作浏览器中的各种对象)
一. window对象常用的方法
alert(): 在窗体中弹出一个信息框,有一个确定按钮
prompt("提示信息","默认值"): 提供一个输入信息框,返回用户输入的字符串。如果点取消,返回null
confirm("提示信息): 确认和取消的两个按钮的对话框,返回boolean
常用的事件:
onl oad: 窗体加载完毕事件
1. 鼠标点击相关:
onclick 单击
ondblclick 双击
onm ousedown 鼠标按下
onm ouseup 鼠标松开2. 鼠标移动相关:
onm ousemove 鼠标移动
onm ouseout 鼠标移出3. 焦点相关的:
onblur 失去焦点
onfocus 得到焦点4. 其他:
onchange 改变(文本框)
onl oad 加载完毕
JavaScript基础