以前曾写过JavaScript对象的学习笔记,只是大致浏览一遍,今天再次学习JavaScript,然后结合项目代码来理解。
JavaScript是面向对象的编程语言(OOP)。对象拥有属性和方法。
属性:指与对象有关的值。
属性
<script type="text/javascript">
var txt="Hello World!"
document.write(txt.length) //输出12
</script>
方法:指对象可以执行的行为(可以完成的功能)。
方法
<script type="text/javascript">
var str="Hello world!"
document.write(str.toUpperCase()) //输出HELLO WORLD!
</script>
字符串(String)对象:
JavaScript String 对象参考手册
常用的属性和方法:length,indexOf(), replace()...
Date(日期)对象:
JavaScript Date 对象参考手册
Date对象用于处理日期和时间,可以通过new关键词来定义Date对象:
var myDate=new Date()
返回现在的时间:Date()
在网页上显示一个时间:
Time
<html>
<head>
<script type="text/javascript">
function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=h+":"+m+":"+s
t=setTimeout('startTime()',500)
}
function checkTime(i)
{
if (i<10)
{i="0" + i}
return i
}
</script>
</head>
<body onload="startTime()">
<div id="txt"></div>
</body>
</html>
Array(数组)对象:
数组对象的作用是使用单独的变量名来存储一系列的值。
Array对象参考手册
定义数组:var myArray=new Array();
向数组赋值:
代码
var mycars=new Array()
mycars[0]="Saab"
mycars[1]="Volvo"
mycars[2]="BMW"
var mycars=new Array(3)
mycars[0]="Saab"
mycars[1]="Volvo"
mycars[2]="BMW"
var mycars=new Array("Saab","Volvo","BMW")
访问数组:通过指定数组名及索引号码,可以访问某个特定的元素。 如:document.write(mycars[0]);
修改数组的值:如需修改已有数组中的值,只要向指定下标号添加一个新值即可:
mycars[0] = "Opel";
实例:创建输出数组:
Array
<html>
<body>
<script type="text/javascript">
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"
for (i=0;i<mycars.length;i++)
{
document.write(mycars[i] + "<br />")
}
</script>
</body>
</html>
使用for...in循环输出数组
for..in
<html>
<body>
<script type="text/javascript">
var x
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"
for (x in mycars)
{
document.write(mycars[x] + "<br />")
}
</script>
</body>
</html>
合并数组:arr1.concat(arr2)
concat
<html>
<body>
<script type="text/javascript">
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
var arr2 = new Array(3)
arr2[0] = "James"
arr2[1] = "Adrew"
arr2[2] = "Martin"
document.write(arr.concat(arr2))//输出George,John,Thomas,James,Adrew,Martin
</script>
</body>
</html>
组成字符串:join
join
<html>
<body>
<script type="text/javascript">
var arr = new Array(3);
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr.join()); //George,John,Thomas
document.write("<br />");
document.write(arr.join(".")); //George.John.Thomas
</script>
</body>
</html>
文字数组排序:sort()
sort
<html>
<body>
<script type="text/javascript">
var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"
document.write(arr + "<br />") //George,John,Thomas,James,Adrew,Martin
document.write(arr.sort()) //Adrew,George,James,John,Martin,Thomas
</script>
</body>
</html>
数字数组排序:sort()
sort
<html>
<body>
<script type="text/javascript">
function sortNumber(a, b)
{
return a - b
}
var arr = new Array(6)
arr[0] = "10"
arr[1] = "5"
arr[2] = "40"
arr[3] = "25"
arr[4] = "1000"
arr[5] = "1"
document.write(arr + "<br />") //10,5,40,25,1000,1
document.write(arr.sort(sortNumber)) //1,5,10,25,40,1000
</script>
</body>
</html>
Boolean(逻辑)对象:
Boolean(逻辑)对象用于将非逻辑值转换为逻辑值(true或者false)
Boolean对象参考手册
定义Boolean对象:var myBoolean=new Boolean()
Boolean对象的初始值为false.
Math(算数)对象:
Math(算数)对象的作用是执行常见的算数任务。
Math对象参考手册
Math.round() 对一个数进行四舍五入。
Math.random() 返回0到1之间的随机数。
Math.max(), Math.min() 返回两个给定的数种的较大,较小值。
RegExp对象:
RegExp对象用于规定在文本中检索的内容。
RegExp是正则表达式的缩写。RegExp对象参考手册
HTML DOM对象: