JavaScript基础语法

JavaScript的含义

• JavaScript是一种描述语言，基于对象和事件驱动的脚本语言

JavaScript的特点

• JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言
• 一种解释性语言（无需预编译）
• JavaScript主要被作为客户端脚本语言在用户的浏览器上运行，不需要服务器的支持。
• 在早期程序员用JavaScript以减少对服务器的负担
• 被设计为向HTML页面添加交互行为

为什么使用JavaScript？

• JavaScript 使网页增加互动性。
• JavaScript 能及时响应用户的操作，对提交表单做即时的检查

注意：//是javascript的注释符号

JavaScript的组成

1. ECMAScript

JavaScript的一种标准

2. DOM（）

文档对象模型

3. BOM（Browser Object Model）

浏览器对象模型

(1). 作用：可以对浏览器窗口进行访问和操作

①弹出新的浏览器窗口
②移动、关闭浏览器窗口及调节浏览器窗口大小
③获取用户屏幕分辨率的屏幕对象
④WEB浏览器详细的定位对象

(2). 具体的对象

• Window对象
• Navigator对象
• Screen对象
• History对象
• Location对象

JavaScript标签的基本结构

<script type="text/javascript">

</script>

引用JavaScript的3种方式

(1)HTML标签中引用

(2) script标签中直接书写

(3)通过script标签的src属性引入外部JS文件

JavaScrip常用的消息提示框

(1)alert(“提示消息”);

消息提示框

(2)prompt(“提示信息”,“消息框默认的信息”);
返回值为String类型

(3)confirm(“提示信息”);
返回值为true、false

注意：

JavaScript的基本语法

1. 注释

javascript的注释与java一样

//单行注释

以 /* 开头， */ 结束，用于多行注释 ;

2. 变量声明与使用
JavaScript变量用于保存值、保存表达式

(1)javascript对大小写敏感

(2)变量必须以字母或下划线或美元符$开始 ，不能使用关键字作为 变量名

变量声明的语法：通过var语句实现，不需要指定数据类型

(1)可以申明一个变量；也可以声明多个变量，中间用逗号隔开

var num = 10; 
var str = "JavaScript";
var num = 10,str = "JavaScript";

(2)可以省略var，直接定义一个变量，该变量为全局变量

3. 数据类型
(1)Undefined

该类型表示为未定义或定义未赋值
Undefined类型只有一个值，即 undefined.

(2)Null

表示尚未存在的对象，与undefined值相等

(3)Number

var iNum=23; //整数
var iNum=23.0; //浮点数

(4)Boolean

值为true和false

(5)String

一组被引号（单引号或双引号）括起来的文本

var string1=“This is a string”;

4.typeof运算符

typeof检测变量的返回值，为字符串类型

typeof运算符返回值如下：

undefined：变量被声明后，但未被赋值

string：用单引号或双引号来声明的字符串

boolean：true或false

number：整数或浮点数
function：函数方法
object：对象 或 数组 或 Null 类型

5.数据类型转换

转换函数

parseInt():字符串转换为整数
parseFloat():字符串转换为浮点数
toString()：返回字符串

强制类型转换

Boolean()：转化为逻辑值
Number()：对象转化为数字
String()：对象转化为字符串

7. JavaScript条件语句和循坏语句的使用

使用和java一样

8. JavaScript的函数
(1)含义：一组可以随时运行的语句
(2)分类：自定义函数，系统函数

系统函数：

函数名称	描述
parseInt()	解析一个字符串并返回一个整数
parseFloat()	解析一个字符串并返回一个浮点数
isNaN()	检查某个值是否是数字,返回true，false
eval()	计算JavaScript字符串，并把它作为脚本代码来执行

自定义函数：
方法一：

function 方法名(参数){
	函数代码块
}

方法二：

var 方法名 = function(参数){
	函数代码块
}

(3)通过return返回值

9. JavaScript的事件

事件名称	描述
onload和onunload	当用户进入或离开页面时就会触发onload和onunload事件
onfocus,onblur和onchange	主要与form表单里的文本域或下拉框配合使用
onsubmit	form表单提交时发生
onmouseover和onmouseout	鼠标移至对象上和离开时发生
onclick和ondbclick	对象被点击/双击时发生

9. JavaScript的调试方法

(1)注释调试法
(2)输出调试法

alert()调试法
document.write()调试法
console对象调试法（IE不支持）

(3)调试工具

Firebug、浏览器自带开发窗口