一、什么是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语句;
}