JavaScript的ECMAScript

来源：互联网发布：centos解压rar 编辑：程序博客网时间：2024/05/21 01:46

javascript的组成(以下简称js)

三部分组成

（1）ECMAScript
- ECMA : 欧洲计算机协会

- 由ECMA组织制定的js的语法，语句....

（2）BOM
- broswer object model: 浏览器对象模型

（3）DOM

- document object model：文档对象模型

注意，我们这里只是简单的javascript的使用指南，更深层次的学习请参考javascript犀牛书籍指南吧。

ECMAScript

ok，我们先从ECMAScript来说起吧！

js如何融入html

首先我们来说一下js如何融入html的：

这里有两种方式：

第一种是直接在html中写入js脚本，第二种是引用一个外部的js脚本文件。

使用代码如下：

<html><head><title>one</title></head><body>    <!--第一种使用方式--><script type="text/javascript"> alert("第一种方式添加javascript脚本成功了")</script><!--第二种使用方式--><script type="text/javascript" src="one_1.js"></script></body> </html>

//第二种方式引如的js脚本文件如下：文件名为one_1.jsalert("第二种使用方式成功了")

js的原始类型和声明变量

接下来我们说一下js的原始类型和声明变量

js为弱语言，所以我们只需要使用var关键字来声明数据
js的原始类型（五个）
- string: 字符串
*** var str = "abc";

- number：数字类型
*** var m = 123;

- boolean：true和false
*** var flag = true;

- null
*** var date = new Date();
*** 获取对象的引用，null表示对象引用为空，所有对象的引用也是object

- undifined
*** 定义一个变量，没有赋值

*** var aa;

** typeof(); 查看当前变量的数据类型

好了，说了这么多就让我们用一下吧！

<html><head><title>one</title></head><body>    <!--第一种使用方式--><script type="text/javascript"> var a = "123";//字符串数据类型var b = 123;//number数据类型var c = true;//boolean数据类型alert(typeof(a));alert(typeof(b));alert(typeof(c));</script></body> </html>

js语法

按照基本学习语言的过程，下面我们就该学习js语法了吧，但是在这里我不准备说了，如果你学过java的你就直接按照java的方式来使用就行了。

js运算符

同上。

js数组

定义数组的方式有三种。

三种方式的使用代码如下：

<html><head><title>one</title></head><body>    <!--第一种使用方式--><script type="text/javascript"> var array1 = [1,2,3,4,5,6]; //第一种方式静态初始化简单形式var array2 = new Array(1,2,3,4,5,6,7);//第二种方式静态初始化var array3 = new Array(8);//第三中方式动态初始化for(var i = 0;i <= 8;i++) {array3[i] = i;}alert(array1);alert(array2);alert(array3);</script></body> </html>

在这里有点和java不同的地方时，数组中可以存放不同数据类型的变量。

js函数

js函数定义的语法有三种方式，使用代码分别如下：

<html><head><title>one</title></head><body>   <script type="text/javascript"> //第一种使用方式function method (a,b) {return a + b;}//第二种使用方式var method2 = function (a,b) {return a + b;}//第三中使用方式var method3 = new Function("a,b","return a + b;")//Function("参数值列表"，"方法体")alert(method(1,2));alert(method2(3,4));alert(method3(5,6));</script></body> </html>

js的全局变量和局部变量

** 全局变量：在script标签里面定义一个变量，这个变量在页面中js部分都可以使用
- 在方法外部使用，在方法内部使用，在另外一个script标签使用

** 局部变量：在方法内部定义一个变量，只能在方法内部使用

js的重载

在解决这个问题之前我们先要明确一下js中是不能实现重载机制的，我们所谓意义上的重载只是模拟。

<html><head><title>one</title></head><body><script type="text/javascript"> //模拟js重载function method () {//每个方法中都会有arguments数组，这就是我们的参数数组if(arguments.length == 2) {return arguments[0] + arguments[1];}else if(arguments.length ==3) {return arguments[0] + arguments[1] + arguments[2];} else if(arguments.length ==4) {return arguments[0] + arguments[1] + arguments[2] + arguments[3];}}alert(method(1,2));alert(method(1,2,3));alert(method(1,2,3,4));</script></body> </html>

然后就是js的几个对象了

String对象

Date对象

Array对象

Math对象

关于这几个对象的使用我们也不详细的说了，可以参看document文档。

js的全局函数

由于不属于任何一个对象，所以直接写名称使用

事件句柄

关于事件句柄的使用：

<html><head><title>one</title></head><body><input type="button" value="button" onclick="method()"/></body> <script type="text/javascript"> function method () {alert("触发按钮单击事件!");}</script></html>

1 0