JavaScript的ECMAScript

最新推荐文章于 2024-03-26 20:10:22 发布

奋斗的小面包

最新推荐文章于 2024-03-26 20:10:22 发布

阅读量916

点赞数 1

分类专栏： javascrip 文章标签： javascript ECMAScript

本文链接：https://blog.csdn.net/c1523456/article/details/64441439

版权

javascrip 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

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.js
alert("第二种使用方式成功了")

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" οnclick="method()"/>
	</body> 
	<script type="text/javascript"> 
			
			function method () {
				alert("触发按钮单击事件!");
			}

	</script>
</html>

奋斗的小面包

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
JavaScript的ECMAScript

javascript的组成一下简称js三部分组成（1）ECMAScript- ECMA : 欧洲计算机协会- 由ECMA组织制定的js的语法，语句....（2）BOM- broswer object model: 浏览器对象模型（3）DOM- document object model：文档对象模型注意，我们这里只是简单的javascript的使用指南，更深
复制链接

扫一扫