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="点击我" οnclick="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 字符串对象:
方法描述 | 用法 | 举例 |
可返回指定位置的字符。返回的字符是长度为 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对象之计时器
计时器类型:
一次性计时器:仅在指定的延迟时间之后触发一次。
间隔性触发计时器:每隔一定的时间间隔就触发一次。
计时器方法 | 语法格式 | 代码举例 | 备注 |
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) |
history对象:记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。
window.history.[属性|方法],其中window可省略
history对象的属性:
length——返回浏览器历史列表中的URL数量
history对象方法:
back()——加载history列表中的前一个URL,=go(-1)
forward()——加载history列表中的下一个URL,等价点击前进按钮。=go(1)
go(number)——加载history列表中的某个具体的界面
location对象:获取或设置窗体的URL,并且可以用于解析URL
location.[属性|方法]
location对象属性图示:
location 对象属性:
location 对象方法:
navigator对象:包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。
对象属性:
screen对象:获取用户的屏幕信息
window.screen.属性,window可省略不写
网页尺寸等设计——http://www.cnblogs.com/fullhouse/archive/2012/01/16/2324131.html