初始javaScript

JavaScript组成：
1.ECMAScript:脚本语言规范（标准）
2.BOM Browser Object Model浏览器对象模型
3.DOM Document Object Model文档对象模型
javascrip
　　　　　　JavaScript在网页制作中占有非常重要的地位

（1）客户端表单验证

（2）页面动态效果

（3）jQuery的基础
2.什么是JavaScript

Javascript是一种描述性语言，也是一种基于对象（object）和事件驱动（Event Driven）的，并具有安全性能的脚本语言。

它与HTML（超文本标记语言）一起，在一个Web页面中链接多个对象，与Web对象实现交互。无论在客户端还是在服务器端

javascript程序都要下载到浏览器的客户端执行，从而减轻了服务器的负担。

3.JavaScript的特点

1） javascript主要用来在HTML页面中添加交互行为

2） javascript 是一种脚本语言，语法和java类似

3） javascript一般用来编写客户端的脚本

4） javascript是一种解释性语言，变执行边解释

4.JavaScript的组成

（1）ECMAScript标准 vc

ECMAScript是一种开放的，被国际上广为接受的，标准的脚本语言规范。它不与任何具体的浏览器绑定。ECMAScript标准主要描述了一下内容：

1）.语法

2）.变量和数据类型

3）.运算符

4）.逻辑控制语句

5）.关键字，保留字

6）.对象

（2）浏览器对象模型

提供了独立于内容与浏览器窗口进行交互的对象，使用浏览器模型可以实现与HTML的交互，如网上常见的弹出窗口，前进后退等功能。

（3）文档对象模型

文档对象模型(Document Object Model)DOM,是HTML文档对象模型（HTML DOM）定义的一套标准方法，用来访问和操作HTML 文档，

如网上商城常见的随着鼠标的移动显示大的图片，弹出小提示等　　　
　　　　　　　　　　　　　　
5.JavaScript的基本结构

1.JavaScript的基本结构

JavaScript 语句；

2.javaScript的执行原理

1）浏览器客户端向服务器发送请求；一个用户在浏览器的地址栏中输入要访问的页面（页面包含JavaScript程序）。

2）数据处理：服务器端将某个包含JavaScript的页面进行处理。

3）发送响应：服务器将含有JavaScript的HTML文件处理页面发送到浏览器客户端，然后浏览器客户端从上至下逐条解析HTML标签和JavaScript,并将页面呈现给用户。

3.使用客户端脚本的好处：

1） 包含JavaScript的页面只要下载一次即可，这样可能减少不必要的网络通信。

2） JavaScript程序由浏览器客户端执行，而不是由服务器端执行的，因此能减轻服务器端的压力。

4.注意事项：

A）如果不使用

B）的位置并不是固定的，可以包含在文档的任何地方，只要保证这些代码在被使用前已读取并加载到内存即可。

6.在页面中引用JavaScript的三种方式

1.内部JavaScript文件

    　　　　　　　　　　　　 就是直接使用<script>标签将JavaScript代码加入到HTML文档中，这是最常用的方式。

但是这种方式通常只适用于JavaScript代码较少，并且网站中的每个页面使用的JavaScript代码均不相同的情况。

2.使用外部JavaScript文件

使用外部JavaScript文件，可以在多个页面重复使用。减少了使用相同的JavaScript使用页面的代码冗余。

外部JavaScript文件是将JavaScript代码写入一个外部文件中，以：文件名.js为扩展名保存的，然后将文件路径指定给

3.直接在HTML标签中

有时候需要在页面中加入简短的JavaScript代码实现一个简单的页面效果，如单机按钮弹出一个对话框等。

例：

     　　　　　　　　　　　　　　　　<input  name=”btn”  type=”button”  value=”弹出消息框”  onclick=”javascript”:

alert=”(‘欢迎你’)”/>

那么单击”弹出消息框”按钮时，则弹出提示对话框“欢迎你”。

总结：通过以上知道这三种方式的应用场合：

>>:内部Javascript文件适用于JavaScript特效代码量少，仅用于单个页面.

>>:外部js文件则适用于代码 较多，重复应用于多个页面.

>>:直接在标签中写JavaScript则适合于极少代码，仅用于当前标签，但是这个方式增加了HTML 代码，因此这种方法在实际开发中应用极少。
　　　　　　　　　　　　　　　　
7.数据类型

typeof(变量或值)

返回结果类型

1.undefined类型变量被声明后，但未被赋值

2.null类型

3.number类型整数或浮点数

4.String类型

5.boolean类型

8 数组

var 数组名称=new Array(size);

var fruit=new Array(“apple”,“orange”,“peach”,“banana”);

属性： length 设置或返回数组中元素的数目

方法：　join() 把数组的所有元素放入一个字符串，通过一个分各

sort（）对数组排序

push() 向数组末尾添加一个或者多个元素，并返回新的长度

9.常用的输入和输出

（1）警告（alert）

alert(“提示信息”)

（2）提示（prompt）

prompt(“提示信息”,“输入框的默认信息”);　　
三.变量和数据类型,数组
/* var value=prompt(‘提示：请输入用户名’); //输入框
alert(value); //提示框 */
//number
var number1=1.10000;
//string
var name=‘王某涛’;
//我们看不到变量的数据类型为null 但是我们能看到变量的值为null
//undefined 未定义没有给值情况下
var xx;
//boolean true false
var flag=true;
//object
var array=new Array(‘一’,‘二’);
//typeof获取值或者变量的数据类型
alert(typeof null);

string类型常用方法：
属性：字符串对象.length返回字符串长度
charAt(index) 返回在指定位置的字符
indexOf(str，index) 查找某个指定的字符串在字符串中首次出现的位置
substring(index1，index2) 返回位于指定索引index1和index2之间的字符串，并且包括索引index1对应的字符，不包括索引index2对应的字符
split(str) 将字符串分割为字符串数组
数组常用方法：
属性：数组对象.length返回字符串长度
join( ) 把数组的所有元素放入一个字符串，通过一个的分隔符进行分隔
sort() 对数组排序
push() 向数组末尾添加一个或更多 元素，并返回新的长度

四.选择结构和循环结构
五.函数和事件
函数的含义：类似于Java中的方法，是完成特定任务的代码语句块
parseInt (“字符串”)
将字符串转换为整型数字
如: parseInt (“86”)将字符串“86“转换为整型值86
parseFloat(“字符串”)
将字符串转换为浮点型数字
如: parseFloat(“34.45”)将字符串“34.45“转换为浮点值34.45
isNaN()
用于检查其参数是否是非数字

事件：
onload 一个页面或一幅图像完成加载
onlick 鼠标单击某个对象
onmouseover 鼠标指导移到某元素上
onkeydown 某个键盘按键被按下
onchange 域的内容被改变

需求说明：
使用prompt()方法输入考试科目的数量，要求数量必须是非零、非负数的数值类型，否则给出相应提示并退出程序
根据考试科目的数量，使用prompt()方法输入各科的考试成绩并累加，要求成绩必须是非负数的数值类型，否则给出相应提示并退出程序
如果各项输入正确，则弹出总成绩

var max=score02[0];//认为第一个学生的成绩是最高的
for (var n=1;n<score02.length;n++)
{
if (score02[n]>max)
{
max=score02[n];
};
};
document.write(“

最高分是”+max+"

");

var min=score02[0];
for (var n = 0; n < score02.length; n++)
{
if (score02[n]<min)
{
min=score02[n];
};
};
document.write(“

最低分是”+min+"

");

var sum=0;
for (var n=0;n< score02.length;n++)
{
sum=sum+score02[n]
};
document.write(“总分等于”+sum+"
");
var avg=sum/score02.length;
document.write(“平均分等于”+avg);