2009年5月26日星期二

IE中document.getElementById和document.getElementsByName特殊表现

HTML元素属性Id和name应该是不同的,Id犹如身份证号码,在整个页面中应该是唯一的,而name犹如姓名,在整个页面中可以重复。
     JS中document.getElementById应该是用于捕捉具有某个id属性的一个元

素,document.getElementsByName是用于捕捉具有某个name属性的多个元素.
id和name不应当混淆。这一点在firefox中没有问题,而IE中的实现却不区分id和name。


 


eg.
 <input type="text" name="t" />
 <input type="text" id="t" />



javascript:
   alert(document.getElementsByName('t').length);


 


  在firefox中表现正确,输出长度为1,而在IE中输出却是2.


 


  同样,如果使用document.getElementById('t'),在firefox中可以得到正确的id="t"的元素,而由于IE不


区分id和name,因此它将得到第一个name="t"的元素。


 
 在IE中还有一个特殊点就是:IE中div和table等元素没有name属性,使用document.getElementsByName。得不到任何值,切记!



解决办法:
  1、元素命名id和name在一个页面中最好都不要相同(避免IE混淆id和name的bug)
  2、div和table等元素结合id和document.getElementsByTagName来使用

2009年5月22日星期五

写了个页面缓存的函数

<?php
define("cacheFold","cache/");

function readFromCache($name,$expTime)
{
    $cacheName = cacheFold.$name.".cache";

    if(!file_exists($cacheName))
        return false;

    if    (((@filemtime($cacheName) + $expTime) >= time()) || $expTime==0)    //cache有效 exptime=0直接读缓存
        return file_get_contents($cacheName);
    else
    {
        @unlink($cacheName);
        return false;
    }
}

function writeToCache($name,$str)
{
    $cacheName = cacheFold.$name.".cache";
    if (file_put_contents($cacheName,$str))
        return true;
    else
    {
        echo "write cache file $name failed!!!";
        return false;
    }
}



//使用:
    //存在指定的缓存名 并且没有过期时直接返回缓存数据
    if ($s=readFromCache('cacheVarName',600)) //600秒
        return $s;
    //......后续程序处理
    writeToCache('cacheVarName',$str);//将上面程序处理后的结果存入指定的缓存中 供下次缓存读取
    return $str;