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>

 

执行过程：

1. 浏览器客户端向服务器发送请求：一个用户在浏览器的地址栏中输入要访问的页面(页面中包含JavaScript程序)
2. 数据处理：服务器将某个包含JavaScript的页面进行处理
3. 发送响应：服务器端将包含有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

3.typeof(变量或值)----判断某个变量或值为何种数据类型

4.常用运算符

    

类别	运算符号
算数运算符	+、-、*、/、%、++、--
比较运算符	>、<、>=、<=、==、!=
逻辑运算符	&&、||、!
赋值运算符	=

 

5.逻辑控制语句

//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语句;
}