JavaScript基础
一、什么是JavaScript
JavaScript是一种描述性语言,也是一种基于对象(Object)和事件驱动(Event Driven)的、并具有安全性能的脚本语言
二、JavaScript的特点
- JavaScript主要用来向HTML页面中添加交互行为
- JavaScript是一种脚本语言,语法和Java类似
- JavaScript一般用来编写客户端的脚本
- JavaScript是一种解释性语言,边执行边解释
三、JavaScript的组成
- ECMAScript是一种描述,规定了脚本语言的所有属性、方法和对象的标准,因此在使用Web客户端脚本语言编码时一定要遵循ECMAScript标准
- BOM--浏览器对象模型,提供了独立于内容与浏览器窗口进行交互的对象,使用BOM可以实现与HTML的交互
- DOM--文档对象模型,是HTML文档对象模型(HTML DOM)定义的一套标准方法,用来访问和操纵HTML文档
四、基本结构和执行原理
<script type="text/Javascript"> <!-- JavaScript语句; --> </script>
执行过程:
- 浏览器客户端向服务器发送请求:一个用户在浏览器的地址栏中输入要访问的页面(页面中包含JavaScript程序)
- 数据处理:服务器将某个包含JavaScript的页面进行处理
- 发送响应:服务器端将包含有JavaScript的HTML文件处理页面发送到浏览器客户端,然后由浏览器客户端从上至下逐条HTML标签和JS,并将页面效果呈现给用户
- 包含JavaScript的页面只要下载一次即可,这样能减少不必要的网络通信
- JavaScript程序由浏览器客户端执行,而不是由服务器端执行,因此能减轻服务器端的压力
五、网页中使用JavaScript的方式
使用<script>标签
<script type="text/javascript"> document.write("js代码"); </script>
使用外部JavaScript文件(推荐)
script src="js/test.js" type="text/javascript"></script>
直接在HTML标签中使用
<input type="button" name="test" value="Test" onclick="javascript:alert('Test');" />
六、JavaScript核心语法
1.变量的申明和赋值
语法:var 合法的变量名
2.数据类型
- undefined(未定义类型)----声明的变量未初始化
- null(空类型)----用来检测某个变量是否被赋值
- number(数值类型)----表示32位的整数,也可表示64位浮点数
- string(字符串类型)----字符串
- boolean(布尔类型)----true or false
4.常用运算符
类别 | 运算符号 |
算数运算符 | +、-、*、/、%、++、-- |
比较运算符 | >、<、>=、<=、==、!= |
逻辑运算符 | &&、||、! |
赋值运算符 | = |
//if else if(表达式) { //JavaScript语句1; } else { //JavaScript语句2; } //switch switch(表达式) { case 值1: //JavaScript语句1; break; case 值2: //JavaScript语句2; break; case 值3: //JavaScript语句3; break; ....... default: //JavaScript语句n; break; } //for循环 for(初始化;条件;增量或减量) { //JavaScript语句; } //while循环 while(条件) { //JavaScript语句; } //do while循环 do { //JavaScript语句; }while(条件) //for-in循环 for(变量 in 数组) { //JavaScript语句; }
6.常用的输入/输出
//警告
alert("提示信息");
//提示
prompt("提示信息","输入框的默认信息");
七、函数
1.系统函数
- parseInt()----转换为整数
- parseFloat()----转换为浮点数
- isNaN()----检查是否为非数字
2.自定义函数
function 函数名(参数1,参数2,....) { //JavaScript语句; [return 返回值] }
3.匿名函数
var test = function(count) { //JavaScript语句; }