浅谈JavaScript的Array对象
Array作为JavaScript的一个内置对象,有着强大的功能;相对于其他内置对象来说,他有着特殊的用法,下面对说说自己对Array的用法的一个小总结:
1>用途一:数组
数组最大存储数据为四十多亿个,这个空间足够用了,所以数组可以随便的扩容。下面对常用的方法进行总结,如下:
<!--创建数组的方式-->
var array1 = new Array;
var array2 = new Array(2);
var array3 = new Array("green","red","blue");
var array4 = ["one","two","three"];
<!--对数组的操作,提示所有操作是对原array的操作-->
array3.length // 3
array3.toString() // green,red,blue
array3.valueOf() // green,red,blue
array3.join() // green,red,blue
array3.join("") // green red blue
array3.join("-") // green-red-blue
array3.shift() // red,blue
array3.unshift("black") // black,green,red,blue
<!--数组最有自动扩容的功能-->
array2.length // 2
array2[28] = "aa"; array2.length // 29
array2.shift(); array2.length //1
<!--字符串与数组间的转换-->
var str = "green"
var arr = str.split("");
arr.toString() // "g,r,e,e,n"
2>用途二:栈
数组在有的时候还可以当作栈来使用,创建方式跟数组类似:
var arr = new Array;
arr.push("1");
arr.push("2");
arr.push("3");
arr.push("4");
for(var i=0;i<arr.length;i++){
alert(arr.pop());
}
//output: 4 3 2 1
相关文档:
解决Firefox 下F5和IE下F5 不一致的javascript 脚本.
var check=function(e)
{
e=e||window.event;
//alert(e.which||e.keyCode);
if((e.which||e.keyCode)==116)
{
if(e.preventDefault)
{ e.preventDefault();}
&nb ......
假设 obj 为某个 HTML 控件。
obj.offsetTop 指 obj 距离上方或上层控件的位置,整型,单位像素。
obj.offsetLeft 指 obj 距离左方或上层控件的位置,整型,单位像素。
obj.offsetWidth 指 obj 控件自身的宽度,整型,单位像素。
obj.offsetHeight 指 obj 控件自身的高度,整型,单位像素。
我们对前面提到的“ ......
1>zInherit:
它是一个组件,用来继承基类的所有属性和方法。跟以前说到的原型链模式非常类似,只不过比原型更安全,也无须考虑参数问题。下面看看zInherit的用法:
该组件中只有两个方法:inheritfrom() instanceof()
func ......
CSS复合效果
CSS的效果是可以重叠的,例如class="a b",那么这个节点就同时拥有了a和b的属性,并且,b可以覆盖a的属性。
JavaScript在Html中的执行顺序
经过简单测试,发现JavaScript的执行顺序是按照js的加载顺序进行的,而onload函数是在整个页面加载完成后才开始执行。
我的测试文件:
<!--
To change this ......
<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"&nb ......