关联数组

admin@striblog.com(Stri) — Thu, 26 Nov 2009 00:18:56 +0800

关联数组是允许你通过字符串作为值的名字来找到某一个确定的值的数组.这些字符串叫做关键字.
点符号与方括号
在数组中

var str=[1,2,3];
str[1]

在对象中

var fun={
x:function(){
},
y:function(){
}}

fun.x();可以执行,fun['x']()也可以执行
具体可以看下面的实例

在CSS中的可以应用,例如下面
style.+得是它的一个属性.如果写成
style.stylename就错误了.应该它不是style的属性.

thinkpad

还有其它应用,
如果在表单验证中.把常用的验证几项写成一个函数,在input上中个非w3c属性,通过dom查找这个非属性,来决定用那一个验证函数

<!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" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
* { padding:0; margin:0; }

li, ol, dl { list-style:none; }

ul { margin:0 auto; width:300px; }
</style>
</head>
<body>
<ul>
  <form id="form1" name="form1" method="post" action="">
    <li>
      <input type="text" name="textfield" valid="required number" id="textfield" />
    </li>
    <li>
      <input type="text" name="textfield" valid="required number" id="textfield" />
    </li>
  
    <li>
      <input type="button" name="button" id="button" value="提交" />
    </li>
  </form>
</ul>
<script type="text/javascript">
var vall = {
    required: function() {
        if (arguments[0].value == "") alert("不能为空");
    },
    number: function() {
        alert("222");
    }
}
function check_form() {
    var obj = document.form1;
    for (var i = 0; i < obj.length; i++) {
        var reqs = obj[i].getAttribute("valid").split(" ");
        for (var j = 0; j < reqs.length; j++) {
            var ch = vall[reqs[j]](obj[i]);
        }
    }
}
document.getElementById("button").onclick = check_form;
</script>
</body>
</html>

这样的做法显然不能通过w3c验证.不过在实用中却很中用.

Stri's Blog

关联数组