运行需要PERL的支持，因为Nginx对PERL支持很弱，只能通过生成Html方式来输出统计。

首先，需要每日切割日志文件。提供个脚本给大家

mv /usr/local/nginx/www.bun5.com.log /usr/local/nginx/logs/access5dft_`date +%Y%m%d`.log

killall –s USR1 nginx #使用USR1参数通知Nginx进程切换日志文件

很简单，两行实现切割。别问我格式，我网上抄来的。太困了，争取最快时间写完。

然后到某开源网wget回来，解压即可。我放到/usr/local/里面了，别问为什么，我习惯。

接下来的内容非常非常重要，大家睁大眼睛看清楚。修改日志配置为以下格式（具体位置在/usr/local/nginx/conf/你的网 址.conf）：

log_format www.bun5.com ‘$remote_addr – $remote_user [$time_local] “$request” ‘
‘$status $body_bytes_sent “$http_referer” ‘
‘”$http_user_agent” “$http_x_forwarded_for”‘;

行了格式就是上面那样，要问为什么？因为默认格式Awstats不认。o(╯□╰)o

在刚刚解压回来的文件里面的tools找到awstats_configure.pl并执行开始配置。

—–> Check for web server install
Enter full config file path of your Web server.
Example: /etc/httpd/httpd.conf
Example: /usr/local/apache2/conf/httpd.conf
Example: c:\Program files\apache group\apache\conf\httpd.conf
Config file path (‘none’ to skip web server setup):
#> none #因为我们这里用的是 Nginx，所以写 none，跳过。
回车
Your web server config file(s) could not be found.
You will need to setup your web server manually to declare AWStats
script as a CGI, if you want to build reports dynamically.
See AWStats setup documentation (file docs/index.html)
—–> Update model config file ‘/usr/local/awstats/wwwroot/cgi-bin/awstats.model.conf’
File awstats.model.conf updated.
—–> Need to create a new config file ?
Do you want me to build a new AWStats config/profile
file (required if first install) [y/N] ?
#> y #y 创建一个新的统计配置
回 车
—–> Define config file name to create
What is the name of your web site or profile analysis ?
Example: www.mysite.com
Example: demo
Your web site, virtual server or profile name:
#> www.5dft.com #统计网站的域名
回车
—–> Define config file path
In which directory do you plan to store your config file(s) ?
Default: /etc/awstats
Directory path to store config file(s) (Enter for default):
#>
使用默认直接回车，接下来便会出现以下的提示
—-> Add update process inside a scheduler
Sorry, configure.pl does not support automatic add to cron yet.
You can do it manually by adding the following command to your cron:
/usr/local/awstats/wwwroot/cgi-bin/awstats.pl -update -config=www.5dft.com
#回头把该命令填入crontab 按指定时间执行
Or if you have several config files and prefer having only one command:
/usr/local/awstats/tools/awstats_updateall.pl now
Press ENTER to continue… 回车继续

【上面从别的地方摘来的，别问从哪摘，N个网站都这篇文章我哪知道出处？反正我是上面少了一个步骤，少了个回车，其它正常。继续】

接下来就生成了个文件了。我的是在/etc/awstats/awstats.www.5dft.com.conf

在那个文件找到统计的日志文件的路径
LogFile=”/var/log/httpd/mylog.log”
改为
LogFile=”/opt/nginx/logs/access5dft_%YYYY-0%MM-0%DD-0.log

对应上边 Nginx 日志切割程序的所生成的目录存放结构，要注意 Awstats 的年月日格式的跟 Nginx 的写法有所不同。我们现在执行统计的顺序是：
Nginx 产生日志 –> 日志切割 –> Nginx 继续产生日志 –> 另存切割日志 –> 交由Awstats统计 –> 生成结果
在本文中 Awstats 所统计的日志，是已切下来的那部分。也能调转顺序，先统计完了再切。不过这比较容易造成统计的遗漏。配置修改完成后，保存退出。然后我们可以开始试一下手 动执行。

先执行日志切割脚本 logcron.sh 把 Nginx 的日志切下来。
然后执行 Awstats 日志更新程序开始统计分析。
./logcron.sh

/usr/local/awstats/wwwroot/cgi-bin/awstats.pl -update -config=www.5dft.com

看到几行类似

Found 0 dropped records,
Found 0 corrupted records,
Found 0 old records,
Found 120 new qualified records.

就是成功了。如果没有的话是缺少一个/var/lib什么什么的，mkdir一下就可以。我发现网上教程都少了这一步，耽误小白啊。o(╯□╰)o 还好我是大白，很快解决。继续。

那么我们就必须建个文件夹来放文件咯。放在网站里面方便看。
省略建文件夹步骤，继续。

/usr/local/awstats/tools/awstats_buildstaticpages.pl -update -config=www.bun5.com -lang=cn -dir=/home/wwwroot/oc86.com/xxx -awstatsprog=/usr/local/awstats/wwwroot/cgi-bin/awstats.pl

上面的命令我不查资料还真不知道。awstats_buildstaticpages.pl是生成静态页面的。后面指定更新，后面语言CN，后面指 定生成静态的目录，后面awstats.pl是Awstats 日志更新程序路径。

请注意上面的命令是一行的，切勿分割或者别的什么的。
把那个和分割日志的放进crontab即可完成任务。

好了，到此任务基本完成。剩下的生成的文件要怎么加密就是你的问题了。我是懒虫，试了几次500之后我就直接改个复杂的文件夹名就完事了。但是别塞 进robot，否则…嘿嘿，别人一看就知道了。

cygwin 1.7版本中文配置方法：
添加LANG=zh_CN环境变量，可在系统属性添加，也可以直接添加到cygwin的启动脚本里面，脚本修改后为：

    @echo off
    set CYGWIN=tty notitle glob
    set LANG=zh_CN
    C:
    chdir C:\cygwin\bin

    bash –login –i

主要添加了两个环境变量。

这样就可以了，不用修改什么ls，less，甚至是inputrc都不用，直接就完美支持中文。

可参考：http://cygwin.com/cygwin-ug-net/setup-locale.html
Cygwin 1.7版 中文问题的解决（99%）

git子命令自动完成
cygwin安装完成后，默认是没有设置好git的completion的。设置方法在/etc/bash-completion.d/git
里面，也就是git的completion脚本。
（1）拷贝/etc/bash-completion.d/git文件到某个地方，如：~/.git-completion.sh
（2）添加以下内容到.bashrc或者.bash_profile，具体位置具体修改

    source ~/.git-completion.sh

重启cygwin即可。

在Cygwin中使用git，设置过git config core.pager more后，在运行git log时不显示内容，不知道别人有没有出现过这个问题，反正我是出现过，原因是没事瞎折腾。
Cygwin中默认是没有more的，可以用git config core.pager less代替上面的命令。

Are CSS hacks an evil? Yes, of course.

But we will use them, while browsers like IE6, IE7 and IE8 will exist and while Microsoft will not create a normal browser, which will stand on equal with modern browsers like FireFox, Safari, Chrome and Opera.

We, web developers, are constantly faced with deficiencies of Internet Explorer, and CSS hacks allow to overcome them in most cases.

In this post I would like to group the personal CSS hacks for each of the 3 popular versions of IE. Most likely you already know the CSS hacks for IE6 and IE7, but for IE8 probably not. Therefore the focus of this article is on a personal CSS hack for Internet Explorer 8.
CSS hack for Internet Explorer 6

It is called the Star HTML Hack and looks as follows:

* html .color {color: #C39;}

This hack uses fully valid CSS.
CSS hack for Internet Explorer 7

It is called the Star Plus Hack.

*:first-child+html .color {color: #66F;}

Or a shorter version:

*+html .color {color: #66F;}

Like the star HTML hack, this uses valid CSS.
CSS hack for Internet Explorer 8

I learned about it from a familiar russian web developer, who’s found it by experimental way. It looks like this:

.color {color: #0FC\0/;}

There are several similar variants of this hack, but this is the easiest. It’s very easy to remember. Just add the \0/ at the end of a CSS rule. This hack must go after the rules for all another browser, i.e.:

.color {color: #777;} /* for all browsers */
* html .color {color: #C39;} /* for IE6 */
*+html .color {color: #66F;} /* for IE7 */
.color {color: #0FC\0/;} /* for IE8, going last */

This hacks does not use valid CSS, therefore I recommend to use a conditional comments.
Demo

I’ve created a simple demo, it displays, what personal CSS hacks works fine for all 3 versions of IE. Take a look.

如果正在使用svn，打算换到git，又暂时不想放弃已有的svn代码库，可以选择git- svn。说一说我自己从svn到git的经验吧。

开始

安装最新版本的git，从git 1.5.3以后支持git-svn，git和svn的配合就要借助这个功能。

安装完毕后要做一些简单的配置。最直接的做法就是创建修改~/.gitconfig。下面是我的.gitconfig

[user]
        name = Robin Lu
        email = ---@gmail.com
[color]
        diff = auto
        status = auto
        branch = auto
[alias]
  st = status
  rb = svn rebase
  ci = commit -a
  co = checkout

[user]部分标示出使用者的身份，你提交的代码会自动引用这一身份信息。[color]设置命令输出的颜色。[alias]部分可以简化一些常用命令，比如在这里将git status简化为git st。
初始化代码库

首先用git-svn来初始化本地的代码库(repository)

git svn clone -s svn-repository-url

svn-repository-url部分使用svn代码库的url。如果要从trunk目录或者某个branch目录里check out，要把-s换成-T、-b等选项。具体参看man git-svn。这个命令时间比较长，因为需要同步所有的提交历史，还好只此一次，以后不会这么慢了。做完这一步，在本地就有了一个完整的代码库，包括所有commit的历史和log，已经可以开始用它来进行开发工作了。

不过，在开始开发之前，最好先做一次垃圾搜集：

git gc

它对代码库的信息进行垃圾搜集和压缩，最明显的作用就是减小磁盘占用空间。第一次做效果尤其明显。

你可以检查一下代码库的状态：

git status

现在应该在一个叫”master”的分支(branch)上。

用这个命令来显示出所有的分支(branch):

git branch -a

master前有一个*号，代表你现在所处的分支，另外还有一个分支叫trunk，它是一个远程分支(remote branch)，对应的是远程svn代码库。master实际上是trunk的一个本地分支。

接下来，需要配置忽略文件，让git忽略一些目录中不希望加入代码库的文件，类似svn propset svn:ignore。全局有效的忽略文件列表可以添加在./.git/info/exclude文件中。比如我需要忽略所有vi产生的swp文件：

.*.swp

对于和目录有关的忽略文件设置可以在该目录下创建.gitignore，然后加入需要忽略的内容，比如我希望忽略根目录下的log,tmp等目录，可以直接在根目录下的.gitignore中加入:

log
tmp

开发流程

可以开始工作了。用git后开始养成一个新习惯，就是工作前先创建新分支:

git checkout -b new_branch

-b后是分支名，创建的同时，你要转到了新分支上。尽量保持master上没有未提交到svn的commit，这样随时都可以很容易的产生一个干净的分支。

接下来你可以写代码，修改文件或者添加文件。如果想看看修改了什么，可以用：

git diff

如果对某个修改不满意，希望恢复原状，可以使用:

git checkout path/filename

相当于svn revert

git引入一个索引(index)的概念，提交前，需要把要提交的文件加入到git索引(index)中：

git add path/filename1
git add path/filename2
...

然后提交

git commit -m "提交感言"

每次commit都是提交索引(index)中的内容。

如果要一次提交所有修改过的文件，可以一次性添加，然后提交

git add .
git commit -m "提交感言"

如果只是修改，并没有添加新文件，可以直接用下面的命令:

git commit -a -m "提交感言"

将被修改文件加入索引并提交，一次完成全过程。

在修改加入所索引后，如果想看看索引内容中都所了什么修改，可以用：

git diff --cached

适合在提交前做最后的code review。

查看最近一次提交的内容，可以使用

git show

修改中随时查看当前代码库的状态：

git status

相当于svn status

删除和移动某个文件：

git rm file
git mv file newfile

提交到svn

在完成了几轮工作后，要将本地内容提交到远程svn中，可以先让当前分支和远程svn同步：

git svn rebase

然后将所有已经合并到master分支的本地修改提交到svn

git svn dcommit

如果在git svn rebase时发生代码冲突，需要先手动解决冲突，然后用git add将修改加入索引，然后继续rebase

git svn rebase --continue

缺点

最后说说这种工作方式的缺点。这个话题稍微复杂一点。

svn和git的工作原理毕竟不同，git对代码提交的非线性特性在svn中难以再现，如果使用了git-merge或者git-pull，再提交到svn，相关分支上的提交历史有可能无法体现在svn上。从svn的使用者的角度，无法辨别这是一个提交还是一次合并，所以在和svn协作过程中，尽量不要使用merge，或者说，尽量让代码库保持线性。

我的经验是，如果不在乎svn中是否反映出提交历史，使用merge也无妨。比如完成工作后，可以将工作分支合并到主分支中去：

git checkout master
git merge new_branch

先用checkout命令切换回master分支，然后将新分支中内容合并进来。然后在master分支上做git svn rebase和dcommit。从svn来看，这就是一个commit，new_branch上的提交历史在svn上体现不出来。(有例外情况，以后再讨论)。

还有一个解决办法是尽量保持git代码库的线性特征。比如在new_branch分支中，先和master做rebase，再合并到master分支中：

git rebase master
git checkout master
git merge new_branch

然后在master上做dcommit，就可以在svn代码库中看到完整的提交历史。

如果看到这已经有点头晕了，可以干脆不管它，就按照前面的做法，直接在你的工作分支里dcommit，等对非线性开发有一定了解再来看各种情况。

好了，基本上知道这些就可以干活了。

Screen工具是一个终端多路转接器，在本质上，这意味着你能够使用一个单一的终端窗口运行多终端的应用。

安装
# cd /usr/ports/sysutils/screen
# make install clean

使用
# screen
//以下^A表示同按“Ctrl + A”键
# ^A c //Create，开出新的 window
# ^A n //Next，切换到下个 window
# ^A p //Previous，前一个 window
# ^A ^A //在两个 window 间切换
# ^A w //Windows，列出已开启的 windows 有那些
# ^A 0…9 //切换到第 0..9 个 window
# ^A t //Time，显示目前的时间，与系统的 load
# ^A K //kill window，强制关掉目前的 window
# ^A ? //Help，显示简单说明
# ^A d //detach，将目前的 screen session (可能含有多个 windows) 丢到背景执行
当 按了 ^A d 把 screen session detach 掉后，会回到还没进 screen 时的状态，此时在 screen session ?每个 window 内跑的 process (无论是前景/背景)都在继续执行，即使 logout 也不影响，这个就是我喜欢的，能掉到后台去，O(∩_∩)O哈哈~

# screen -ls //显示所有的 screen sessions
# screen -r [keyword] //选择一个 screen session 回来 (捡回来) , 恢复离线的screen作业, 单独输入 screen -r 也行的.

补充说明：
screen是一个多重视窗管理程序，此处所谓的视窗，是指一个全屏幕的文字模式画面。通常只有在使用telnet登入主机或是使用老式的终端机时，才有可能用到screen程序.

在linux应用screen命令应该差不多吧！
me在连接到dreamhost.com的空间那里时，尝试输入screen , 居然存在这命令啊，爽，以后在dreamhost又多一样玩意了，看来dreamhost的主机不错.

非常非常爽的一个工具，看了书之后研究了一下，非常爽

# screen
//以下^A表示同按“Ctrl + A”键
# ^A c //Create，开出新的 window
# ^A n //Next，切换到下个 window
# ^A p //Previous，前一个 window
# ^A ^A //在两个 window 间切换
# ^A w //Windows，列出已开启的 windows 有那些
# ^A 0…9 //切换到第 0..9 个 window
# ^A t //Time，显示目前的时间，与系统的 load
# ^A K //kill window，强制关掉目前的 window
# ^A ? //Help，显示简单说明
# ^A d //detach，将目前的 screen session (可能含有多个 windows) 丢到背景执行
当 按了 ^A d 把 screen session detach 掉后，会回到还没进 screen 时的状态，此时在 screen session ?每个 window 内跑的 process (无论是前景/背景)都在继续执行，即使 logout 也不影响。
# screen -ls //显示所有的 screen sessions
# screen -r [keyword] //挑个 screen session 回来 (捡回来)

真的是不用不知道，其实我们熟悉的 PHP 还有很多好东西没有发掘。看到这篇文章，当时就泪奔了好几回，重点推荐下，顺便我自己也做个整理。
sys_getloadavg()

这个函数返回当前系统的负载均值信息（当然 Windows 下不适用），详细文档可以翻阅 PHP 的相关文档。文档中有段示例代码，基本上也就能看出它的用途了。

< ?php
$load = sys_getloadavg();
if ($load[0] > 80) {
    header('HTTP/1.1 503 Too busy, try again later');
    die('Server too busy. Please try again later.');
}
?>

PS，如果“很不幸”得你的 PHP 环境中没有这个函数，可以考虑使用下面这段代码 via

if (!function_exists('sys_getloadavg')) {
    function sys_getloadavg()
    {
        $loadavg_file = '/proc/loadavg';
        if (file_exists($loadavg_file)) {
            return explode(chr(32),file_get_contents($loadavg_file));
        }
        return array(0,0,0);
    }
}

这一特性如果使用得当，能减轻服务器部分压力。
pack()

pack 对应的还有个函数为 unpack，用于压缩二进制串，文中的作者的示例非常清楚

$pass_hash = pack("H*", md5("my-password"));

如果你使用 PHP5，那么可以直接这样子

$pass_hash = md5("my-password", true); // PHP 5+

这样做的好处之一是能减少串存储空间（能节省多少呢？可能又会是另篇文章了）。

这里还有个示例代码可以 pack 数组 via

< ?php
function pack_array($v,$a) {
 return call_user_func_array(pack,array_merge(array($v),(array)$a));
}
?>

cal_days_in_month()

该函数可以直接返回指定月份中的天数，例如

$days = cal_days_in_month(CAL_GREGORIAN, date("m"), date("Y")); // 31

我敢保证，你自己实现过类似功能的函数 :^)
_()

呃，这的确也是个 PHP 函数（也有可能是最短的 PHP 内置函数）。_() 是它的“小名”，它的大名是 gettext()。

写过 WordPress 皮肤的朋友会了解 __() 以及 _e() 这些函数，其实 PHP 早已经自带了相关的功能。

// Set language to German
setlocale(LC_ALL, 'de_DE');

// Specify location of translation tables
bindtextdomain("myPHPApp", "./locale");

// Choose domain
textdomain("myPHPApp");

echo _("Have a nice day");

利用 gettext 可以编写多语言的应用，现在您感兴趣的可能就是如何编写 locale 文件，这但已经不是此文涉及的重点，更多信息可以移步到这里。
get_browser()

坦白讲，见到这个函数我当时就彻底泪奔。有了这个函数，再也不用自己去分析 $_SERVER['HTTP_USER_AGENT'] 这个字符串了。

更多的信息可以参考这里。在使用此函数前，你可能需要个 browscap.ini 配置文件，相信你可以搞定的。
debug_print_backtrace()

以前查看函数调用堆栈，我会使用 xdebug 等的扩展，其实 PHP5 版本以后已经内置了相关的函数。

顺便再分享个“蛋疼”的小技巧，如果你记不住这个函数的名字，可以用这段代码同样能达到目的（看起来还是记住那个函数靠谱）：

< ?php
$e = new Exception();
print_r(str_replace('/path/to/code/', '', $e->getTraceAsString()));

natsort()

这个函数用于自然排序，这个大家可能都要用到。贴下相关的文档链接以及示例代码

$items = array("100 apples", "5 apples", "110 apples", "55 apples");

// normal sorting:
sort($items);
print_r($items);
    # Outputs:
    # Array
    # (
    #     [0] => 100 apples
    #     [1] => 110 apples
    #     [2] => 5 apples
    #     [3] => 55 apples
    # )

natsort($items);
print_r($items);
    # Outputs:
    # Array
    # (
    #     [2] => 5 apples
    #     [3] => 55 apples
    #     [0] => 100 apples
    #     [1] => 110 apples
    # )

有关自然排序的算法规则，可以参考这里的文档。
glob()

这个函数的功能同样让人感到泪奔，先不说功能直接上示例代码

foreach (glob("*.php") as $file) {
    echo "$file\n";
}

相比你已经了解该函数的用途了，那么我们就可以有更多的“玩法”，例如就显示目录（via）：

$dirs = array_filter(glob($path.'*'), 'is_dir');

当然，文件递归你也可以考虑使用下 SPL 扩展。

补充 by 神仙：

glob 有个参数选项 GLOB_ONLYDIR 就可以只列目录

PHP Filter

如果你还在正则验证字符串，那么就真的“Out”了。自 PHP5.2 版本以后，内置了 PHP Fliter 模块用于专门验证 电子邮件、URL 等是否合法，示例代码：

var_dump(filter_var('bob@example.com', FILTER_VALIDATE_EMAIL));

由于是新生的模块，因此还有很多的陷阱，例如

filter_var('abc', FILTER_VALIDATE_BOOLEAN); // bool(false)
filter_var('0', FILTER_VALIDATE_BOOLEAN);   // bool(false)

但这不影响我们去尝试。有关 PHP Filter 的更多信息，相信能拎出来另外写篇文章了。

– Split –

最后，感叹 PHP 其实是个历久弥新的工具，不小心我们就会悲剧性得重复造了只轮子。因此，时常看看 PHP 文档每次都会有新的收获。
转自：http://www.gracecode.com/archives/3013/

document.createElement()是在对象中创建一个对象，要与appendChild() 或 insertBefore()方法联合使用。其中，appendChild() 方法在节点的子节点列表末添加新的子节点。insertBefore() 方法在节点的子节点列表任意位置插入新的节点。

下面，举例说明document.createElement()的用法。

<div id="board"></div>

例1：

        <script type="text/javascript">
            var board = document.getElementById("board");
            var e = document.createElement("input");
            e.type = "button";
            e.value = "这是测试加载的小例子";
            var object = board.appendChild(e);
        </script>

效果：在标签board中加载一个按钮，属性值为“这是测试加载的小例子”。
例2：

        <script type="text/javascript">
            var board = document.getElementById("board");
            var e2 = document.createElement("select");
            e2.options[0] = new Option("加载项1", "");
            e2.options[1] = new Option("加载项2", "");
            e2.size = "2";
            var object = board.appendChild(e2);
        </script>

效果：在标签board中加载一个下拉列表框，属性值为“加载项1”和“加载项2”。
例3：

        <script type="text/javascript">
            var board = document.getElementById("board");
            var e3 = document.createElement("input");
            e4.setAttribute("type", "text");
            e4.setAttribute("name", "q");
            e4.setAttribute("value", "使用setAttribute");
            e4.setAttribute("onclick", "javascript:alert('This is a test!');");
            var object = board.appendChild(e3);
        </script>

效果：在标签board中加载一个文本框，属性值为“使用setAttribute”。 当点击这个文本框时，会弹出对话框“This is a test!”。
根据上面例子，可以看出，可以通过加载对象的属性来设置，参数是相同的。使用e.type=”text” 和 e.setAttribute(“type”,”text”)效果是一致的。
下面，我们用实例来讲述一下appendChild() 方法和insertBefore() 方法的不同。
比如我们要在下面这个div中插入一个子节点P时：

<div id="test"><p id="x1">Node</p><p>Node</p></div>

我们可以这样写：

<script type="text/javascript">
  var oTest = document.getElementById("test");
  var newNode = document.createElement("p");
  newNode.innerHTML = "This is a test";
  //测试从这里开始
  //appendChild方法：
  oTest.appendChild(newNode);
  //insertBefore方法：
  oTest.insertBefore(newNode,null);
</script>

通过以上的代码，可以测试到一个新的节点被创建到了节点div下，且该节点是div最后一个节点。很明显，通过这个例子，可以知道appendChildhild和insertBefore都可以进行插入节点的操作。
　　 在上面的例子中有这样一句代码：oTest.insertBefore(newNode,null) ，这里insertBefore有2个参数可以设置，第一个是和appendChild相同的，第二却是它特有的。它不仅可以为null，还可以为：

<script type="text/javascript">
  var oTest = document.getElementById("test");
  var refChild = document.getElementById("x1");
  var newNode = document.createElement("p");
  newNode.innerHTML = "This is a test";
  oTest.insertBefore(newNode,refChild);
</script>

效果：这个例子将在x1节点前面插入一个新的节点
又或：

<script type="text/javascript">
  var oTest = document.getElementById("test");
  var refChild = document.getElementById("x1");
  var newNode = document.createElement("p");
  newNode.innerHTML = "This is a test";
  oTest.insertBefore(newNode,refChild.nextSibling);
</script>

效果：这个例子将在x1节点的下一个节点前面插入一个新的节点

还可为：

<script type="text/javascript">
  var oTest = document.getElementById("test");
  var newNode = document.createElement("p");
  newNode.innerHTML = "This is a test";
  oTest.insertBefore(newNode,oTest.childNodes[0]);
</script>

　　这个例子将在第一子节点前面插入一个新的节点，也可以通过改变childNodes[0,1,...]来在其它位置插入新的节点

由于可见insertBefore()方法的特性是在已有的子节点前面插入新的节点，但例一中使用 insertBefore()方法也可以在子节点列表末插入新节点的。两种情况结合起来，发现insertBefore()方法插入节点，是可以在子节点列表的任意位置。
　　从这几个例子中得出：

　　appendChild() 方法在节点的子节点列表末添加新的子节点。
　　insertBefore() 方法在节点的子节点列表任意位置插入新的节点。

1、innerText和textContent
这两个属性功能相同，前者用于IE，后者用于Firefox
例：

if(document.all) {
document.getElementById('element').innerText = "text";
}else {
document.getElementById('element').textContent = "text";
}

2、获取键盘输入字符keyCode
在IE下可以直接使用event.keyCode，但是在Firefox下不能这样使用，在FF中会往onkeyup之类的事件中传入隐含的参数e，可以用which和charCode（Opera支持which和keyCode)，可以这样：

element.onkeyup = function(e) {
var code = 0,e = e||event;
code = e.keyCode||e.which||e.charCode;
return code;
}

3、其它的一些Javascript
动态设置HTML控件属性

obj.setAttribute('name', 'val');

禁止INPUT输入框的自动完成功能

<input type="text" name="uname" id="uname" value="" autocomplete="off" />

也可以在脚本中动态设置

obj = document.getElementById('uname');
obj.setAttribute('autocomplete","off");

在脚本中直接给控件设置样式表，之前一直是用obj.style.color=”#000″类似的方法设置控件的CSS属性，一行代码一个属性，太麻烦了，这有一个cssText可以方便的设置HTML控件的样式

var obj = document.getElementsByTagName("DIV");
obj[0].cssText = "width:100%;height:50%;border:1px #000 solid;"