Web前段初步——javascript(1)

来源：互联网发布：淘宝店铺封面大全图片编辑：程序博客网时间：2024/05/16 00:39

1、一维数组

声明数组——var myarray=new Array();

数组赋值——第一种方法：myarray[0]=1;

myarray[1]=2

......................

第二种方法：var myarray = new Array(66,80,90,77,59);//创建数组同时赋值

第三种方法：var myarray = [66,80,90,77,59];//直接输入一个数组（称 “字面量数组”）

获取数组长度——myarray.length;

这里注意：var arr=[98,76,54,56,76]; // 包含5个数值的数组
document.write(arr.length); //显示数组的长度5
arr[15]=34; //增加元素，使用索引为15,赋值为34
alert(arr.length); //显示数组的长度16

2、二维数组

声明数组的两种方法：

第一种：var myarr=new Array(); //先声明一维
for(var i=0;i<2;i++){ //一维长度为2
myarr[i]=new Array(); //再声明二维
for(var j=0;j<3;j++){ //二维长度为3
myarr[i][j]=i+j; // 赋值，每个数组元素的值为i+j
}
}

第二种：var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3, ]]

3、事件响应

eg:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>单击事件 </title>
<script type="text/javascript">
function openwin(){
window.open('http://www.imooc.com','_blank','height=600,width=400,top=100,toolbar=no,left=0,menubar=no,scrollbars=no,status=no');}
</script>
</head>
<body>
<form>
<input name="点击我" type="button" value="点击我" onclick="openwin()"/>
</form>
</body>
</html>

4、对象

数组对象——上文有介绍

数组对象方法：

Date日期对象：

var Udate=new Date();或者var d = new Date(2012, 10, 1); 或者var d = new Date('Oct 1, 2012'); //2012年10月1日

方法：

String 字符串对象：

String方法方法描述用法举例可返回指定位置的字符。返回的字符是长度为 1 的字符串。stringObject.charAt(index)
注：index不可为空，范围在0~stringObject.length-1<script type="text/javascript">
var mystr="I love JavaScript!"
document.write(mystr.charAt(2));
</script>
输出结果：
l返回某个指定的字符串值在字符串中首次出现的位置。stringObject.indexOf(substring, startpos)
注：substring为想要检索的字符
startpos检索起始位置，可选项，无则默认从stringObject起始位置查找。<script type="text/javascript">
var str="I love JavaScript!"
document.write(str.indexOf("I") + "<br />");
document.write(str.indexOf("v") + "<br />");
document.write(str.indexOf("v",8));——从第8个位置开始检索
</script>
输出结果：
0
4
9将字符串分割为字符串数组，并返回此数组。stringObject.split(separator,limit)
注：separator必需，从该参数指定的地方分割stringObject.
limit,可选项，限定分割次数var mystr = "www.imooc.com";
document.write(mystr.split(".")+"<br>");
document.write(mystr.split(".", 2)+"<br>");
输出结果：
www,imooc,com
www,imooc提取字符串中介于两个指定下标之间的字符。stringObject.substring(starPos,stopPos)
注：starPos必需，非负整数，表明开始位置。
stopPos可选，非负整数，缺省时默认到字符串对象结尾。<script type="text/javascript">
var mystr="I love JavaScript";
document.write(mystr.substring(7));
document.write(mystr.substring(2,6));
</script>
输出结果：
JavaScript
love从字符串中提取从 startPos位置开始的指定数目的字符串。stringObject.substr(startPos,length)
注：starPos必需，要提取的子字符串的起始位置。
length可选，标明提取字符串的长度。缺省时，表示到字符串对象末尾。如果参数startPos是负数，从字符串的尾部开始算起的位置。<script type="text/javascript">
var mystr="I love JavaScript!";
document.write(mystr.substr(7));
document.write(mystr.substr(2,4));
</script>
输出结果：
JavaScript!
love

Math对象：固有对象，无需额外创建。

Math对象属性：

Math对象方法：

window对象之计时器

计时器类型：

一次性计时器：仅在指定的延迟时间之后触发一次。
间隔性触发计时器：每隔一定的时间间隔就触发一次。
window对象的计时器方法计时器方法语法格式代码举例备注 setInterva
从载入页面后每隔指定的时间执行代码setInterval(代码，时间间隔)
代码：要调用的函数或要执行的代码串。
时间间隔：毫秒为单位调用函数格式(假设有一个clock()函数):
setInterval("clock()",1000)
或setInterval(clock,1000)间隔性触发计时器clearInterval
取消由 setInterval() 设置的交互时间clearInterval(id_of_setInterval)
id_of_setInterval：由 setInterval() 返回的 ID 值。var i=setInterval("clock()",100);
clearInterval(i) setTimeout
在载入后延迟指定时间后,去执行一次表达式,仅执行一次。setTimeout(代码,延迟时间);
代码：要调用的函数或要执行的代码串。
延迟时间：毫秒为单位使用setTimeout()实现计数统计效果
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
<script type="text/javascript">
var num=0;
function startCount() {
document.getElementById('count').value=num;
num=num+1;
var delayT=setTimeout(startCount,1000)
}
setTimeout(startCount,0);
</script>
</head>
<body>
<form>
<input type="text" id="count" />
</form>
</body>
</html>一次性计时器clearTimeout
取消setTimeout() 的设置clearTimeout(id_of_setTimeout)
id_of_setTimeout：由 setTimeout() 返回的 ID 值。var i=setTimeout("clock()",100);
clearTimeout(i)