第一章Javascript基础

Posted 2020-10-11 别动我的猫

第一章   javascript基础

一.javascript简介

1.    为什么学习javascript?

Javascript在网页制作中占有非常重要的地位，可以实现

A） 客户表单验证

B） 页面动态效果

C） Javascript是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的组成

一个完整的javascript由三个不同的部分组成，它们分别是：

（1）ECMAScript

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

1）.语法

2）.变量和数据类型

3）.运算符

4）.逻辑控制语句

5）.关键字，保留字

6）.对象

（2）浏览器对象模型BOM（Browers Object Model）

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

（3）文档对象模型DOM(Document Object Model)

文档对象模型(Document Object Model)DOM,是HTML文档对象模型（HTML DOM）定义的一套标准方法，用来访问和操作HTML 文档，如网上商城常见的随着鼠标的移动显示大的图片，弹出小提示等

二.JavaScript的基本结构

1.javaScript的基本结构

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

三.在页面中引用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 代码，因此这种方法在实际开发中应用极少。