JavaScript基础语法
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> 相关推荐
LauraRan 2020-09-28
nmgxzm00 2020-11-10
ifconfig 2020-10-14
hhanbj 2020-11-17
zfszhangyuan 2020-11-16
古叶峰 2020-11-16
一个智障 2020-11-15
jipengx 2020-11-12
81427005 2020-11-11
xixixi 2020-11-11
游走的豚鼠君 2020-11-10
苗疆三刀的随手记 2020-11-10
Web卓不凡 2020-11-03
小飞侠V 2020-11-02
帕尼尼 2020-10-30
爱读书的旅行者 2020-10-26
帕尼尼 2020-10-23
杏仁技术站 2020-10-23