第一章 JavaScript基础

1.为何学习JavaScript

　　　　　　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标准

　　　　　　　　　　　　　　

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

 

　　　　　　　　　　　　　　1）.语法

 

　　　　　　　　　　　　　　2）.变量和数据类型

 

　　　　　　　　　　　　　　3）.运算符

 

　　　　　　　　　　　　　　4）.逻辑控制语句

 

　　　　　　　　　　　　　　5）.关键字，保留字

 

　　　　　　　　　　　　　　6）.对象

 

　　　　　　　　（2）浏览器对象模型

　　　　　　　　　　　　　　

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

 

　　　　　　　　（3）文档对象模型

　　　　　　　　　　　　　　

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

　　　　　　　　　　　　　　如网上商城常见的随着鼠标的移动显示大的图片，弹出小提示等　　　　　　

 

 

5.JavaScript的基本结构

　　　　　　　　　　1.JavaScript的基本结构

　　　　　　　　　　　　　　<script type="text/Javascript">

　　　　　　　　　　　　　　　　　　JavaScript 语句；

　　　　　　　　　　　　　　</script>

 

 

　　　　　　　　2.javaScript的执行原理

 

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

 

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

 

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

 

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

 

　　　　　　　　　　　　1）  包含JavaScript的页面只要下载一次便可，这样可能减小没必要要的网络通讯。

 

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

 

　　　　　　　　4.注意事项：

 

　　　　　　　　　　　　A）若是不使用<script>标签，浏览器就会将JavaScript语句看成纯文本处理，也就是说把这条命令自己写到页面上。

 

　　　　　　　　　　　　B）<script>…</script>的位置并非固定的，能够包含在文档的任何地方，只要保证这些代码在被使用前已读取并加载到内存便可。

 

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

 

　　　　　　　　1.内部JavaScript文件

 

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

 

　　　　　　　　　　　　　　　可是这种方式一般只适用于JavaScript代码较少，而且网站中的每一个页面使用的JavaScript代码均不相同的状况。

 

　　　　　　　　2.使用外部JavaScript文件

 

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

 

　　　　　　　　　　　　　　　　外部JavaScript文件是将JavaScript代码写入一个外部文件中，以：文件名.js为扩展名保存的，而后将文件路径指定给<script>标签中的”src”属性，这样引用外部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("提示信息","输入框的默认信息");