JavaScript基础语法

思歪崎

浏览: 9378 次
性别:
来自: 广州

最近访客更多访客>>

Wuhan_Taotao

liu_xiaosong

joy_monkey

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript

javascript js

JavaScript中两个重要的数据类型是对象和数组(JavaScript权威指南)。

使用{}表示对象(JSON)，使用[]表示数组，通过"."或"[]"访问对象属性和数组内容。对象和数组之间可以相互包含。

数组属于特殊的对象，”[]“与”{}“最大的区别是"[]" 声明的是带编号的有序集合，"{}"声明的是不带编号的无序集合。

以一个计算两点间距离的demo为例：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> 测试Demo </TITLE>
  <script>
		function getDistance(){
			var points = []
			var a_x = document.getElementById('a_x').value;
			var a_y = document.getElementById('a_y').value;
			var b_x = document.getElementById('b_x').value;
			var b_y = document.getElementById('b_y').value;
			points[0] = {x : (a_x == null ? 0 : a_x), y : a_y == null ? 0 : a_y};
                        //数组的元素是对象，对象的属性可以是数组/对象/方法...
			points[1] = {x : (b_x == null ? 0 : b_x), y : b_y == null ? 0 : b_y};
			points.dist = function(){
                        //可以使用"."的方式添加或访问属性
				var p1 = this[0];
                                //数组内可使用"this"关键字
				var p2 = this[1];
				var a = p1.x - p2.x;
				var b = p1.y - p2. y;
				return Math.sqrt(a * a + b * b);
			}
			alert('点A与点B之间的距离为：' + points.dist());
		}
  </script>
 </HEAD>

 <BODY>
	<center>
		<span>点A: x值</span><input type="text" id="a_x" name="a_x"/><span>,y值为</span><input type="text" id="a_y" name="a_y"/><br>
		<span>点B: x值</span><input type="text" id="b_x" name="b_x"/><span>,y值为</span><input type="text" id="b_y" name="b_y"/><br>
		<input type="button" value="计算两点间距离" onClick="getDistance();"/><br/>
	</center>
 </BODY>
</HTML>

分享到：

JavaScript中的面向对象

2013-08-16 09:47
浏览 731
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

JavaScript基础语法

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

JavaScript基础语法

评论

发表评论

相关推荐

JavaScript中相等、严格相等比较规则

JavaScript中的面向对象

最近访客更多访客>>