给firefox添加ie方法和属性

 <!--if(window.Event){// 修正Event的DOM    /*                                IE5        MacIE5        Mozilla        Konqueror2.2        Opera5    event                        yes        yes            yes            yes                    yes    event.returnValue            yes        yes            no            no                    no    event.cancelBubble            yes        yes            no            no                    no    event.srcElement            yes        yes            no            no                    no    event.fromElement            yes        yes            no            no                    no        */    Event.prototype.__defineSetter__("returnValue",function(b){//         if(!b)this.preventDefault();        return b;        });    Event.prototype.__defineSetter__("cancelBubble",function(b){// 设置或者检索当前事件句柄的层次冒泡        if(b)this.stopPropagation();        return b;        });    Event.prototype.__defineGetter__("srcElement",function(){        var node=this.target;        while(node.nodeType!=1)node=node.parentNode;        return node;        });    Event.prototype.__defineGetter__("fromElement",function(){// 返回鼠标移出的源节点        var node;        if(this.type=="mouseover")            node=this.relatedTarget;        else if(this.type=="mouseout")            node=this.target;        if(!node)return;        while(node.nodeType!=1)node=node.parentNode;        return node;        });    Event.prototype.__defineGetter__("toElement",function(){// 返回鼠标移入的源节点        var node;        if(this.type=="mouseout")            node=this.relatedTarget;        else if(this.type=="mouseover")            node=this.target;        if(!node)return;        while(node.nodeType!=1)node=node.parentNode;        return node;        });    Event.prototype.__defineGetter__("offsetX",function(){        return this.layerX;        });    Event.prototype.__defineGetter__("offsetY",function(){        return this.layerY;        });    }if(window.Document){// 修正Document的DOM    /*                                IE5        MacIE5        Mozilla        Konqueror2.2        Opera5    document.documentElement    yes        yes            yes            yes                    no    document.activeElement        yes        null        no            no                    no        */    }if(window.Node){// 修正Node的DOM    /*                                IE5        MacIE5        Mozilla        Konqueror2.2        Opera5    Node.contains                yes        yes            no            no                    yes    Node.replaceNode            yes        no            no            no                    no    Node.removeNode                yes        no            no            no                    no    Node.children                yes        yes            no            no                    no    Node.hasChildNodes            yes        yes            yes            yes                    no    Node.childNodes                yes        yes            yes            yes                    no    Node.swapNode                yes        no            no            no                    no    Node.currentStyle            yes        yes            no            no                    no        */    Node.prototype.replaceNode=function(Node){// 替换指定节点        this.parentNode.replaceChild(Node,this);        }    Node.prototype.removeNode=function(removeChildren){// 删除指定节点        if(removeChildren)            return this.parentNode.removeChild(this);        else{            var range=document.createRange();            range.selectNodeContents(this);            return this.parentNode.replaceChild(range.extractContents(),this);            }        }    Node.prototype.swapNode=function(Node){// 交换节点        var nextSibling=this.nextSibling;        var parentNode=this.parentNode;        node.parentNode.replaceChild(this,Node);        parentNode.insertBefore(node,nextSibling);        }    }if(window.HTMLElement){    HTMLElement.prototype.__defineGetter__("all",function(){        var a=this.getElementsByTagName("*");        var node=this;        a.tags=function(sTagName){            return node.getElementsByTagName(sTagName);            }        return a;        });    HTMLElement.prototype.__defineGetter__("parentElement",function(){        if(this.parentNode==this.ownerDocument)return null;        return this.parentNode;        });    HTMLElement.prototype.__defineGetter__("children",function(){        var tmp=[];        var j=0;        var n;        for(var i=0;i<this.childNodes.length;i++){            n=this.childNodes[i];            if(n.nodeType==1){                tmp[j++]=n;                if(n.name){                    if(!tmp[n.name])                        tmp[n.name]=[];                    tmp[n.name][tmp[n.name].length]=n;                    }                if(n.id)                    tmp[n.id]=n;                }            }        return tmp;        });    HTMLElement.prototype.__defineGetter__("currentStyle", function(){        return this.ownerDocument.defaultView.getComputedStyle(this,null);        });    HTMLElement.prototype.__defineSetter__("outerHTML",function(sHTML){        var r=this.ownerDocument.createRange();        r.setStartBefore(this);        var df=r.createContextualFragment(sHTML);        this.parentNode.replaceChild(df,this);        return sHTML;        });    HTMLElement.prototype.__defineGetter__("outerHTML",function(){        var attr;        var attrs=this.attributes;        var str="<"+this.tagName;        for(var i=0;i<attrs.length;i++){            attr=attrs[i];            if(attr.specified)                str+=" "+attr.name+'="'+attr.value+'"';            }        if(!this.canHaveChildren)            return str+">";        return str+">"+this.innerHTML+"</"+this.tagName+">";        });    HTMLElement.prototype.__defineGetter__("canHaveChildren",function(){        switch(this.tagName.toLowerCase()){            case "area":            case "base":            case "basefont":            case "col":            case "frame":            case "hr":            case "img":            case "br":            case "input":            case "isindex":            case "link":            case "meta":            case "param":                return false;            }        return true;        });     HTMLElement.prototype.__defineSetter__("innerText",function(sText){        var parsedText=document.createTextNode(sText);        this.innerHTML=parsedText;        return parsedText;        });    HTMLElement.prototype.__defineGetter__("innerText",function(){        var r=this.ownerDocument.createRange();        r.selectNodeContents(this);        return r.toString();        });    HTMLElement.prototype.__defineSetter__("outerText",function(sText){        var parsedText=document.createTextNode(sText);        this.outerHTML=parsedText;        return parsedText;        });    HTMLElement.prototype.__defineGetter__("outerText",function(){        var r=this.ownerDocument.createRange();        r.selectNodeContents(this);        return r.toString();        });    HTMLElement.prototype.attachEvent=function(sType,fHandler){        var shortTypeName=sType.replace(/on/,"");        fHandler._ieEmuEventHandler=function(e){            window.event=e;            return fHandler();            }        this.addEventListener(shortTypeName,fHandler._ieEmuEventHandler,false);        }    HTMLElement.prototype.detachEvent=function(sType,fHandler){        var shortTypeName=sType.replace(/on/,"");        if(typeof(fHandler._ieEmuEventHandler)=="function")            this.removeEventListener(shortTypeName,fHandler._ieEmuEventHandler,false);        else            this.removeEventListener(shortTypeName,fHandler,true);        }    HTMLElement.prototype.contains=function(Node){// 是否包含某节点        do if(Node==this)return true;        while(Node=Node.parentNode);        return false;        }    HTMLElement.prototype.insertAdjacentElement=function(where,parsedNode){        switch(where){            case "beforeBegin":                this.parentNode.insertBefore(parsedNode,this);                break;            case "afterBegin":                this.insertBefore(parsedNode,this.firstChild);                break;            case "beforeEnd":                this.appendChild(parsedNode);                break;            case "afterEnd":                if(this.nextSibling)                    this.parentNode.insertBefore(parsedNode,this.nextSibling);                else                    this.parentNode.appendChild(parsedNode);                break;            }        }    HTMLElement.prototype.insertAdjacentHTML=function(where,htmlStr){        var r=this.ownerDocument.createRange();        r.setStartBefore(this);        var parsedHTML=r.createContextualFragment(htmlStr);        this.insertAdjacentElement(where,parsedHTML);        }    HTMLElement.prototype.insertAdjacentText=function(where,txtStr){        var parsedText=document.createTextNode(txtStr);        this.insertAdjacentElement(where,parsedText);        }    HTMLElement.prototype.attachEvent=function(sType,fHandler){        var shortTypeName=sType.replace(/on/,"");        fHandler._ieEmuEventHandler=function(e){            window.event=e;            return fHandler();            }        this.addEventListener(shortTypeName,fHandler._ieEmuEventHandler,false);        }    HTMLElement.prototype.detachEvent=function(sType,fHandler){        var shortTypeName=sType.replace(/on/,"");        if(typeof(fHandler._ieEmuEventHandler)=="function")            this.removeEventListener(shortTypeName,fHandler._ieEmuEventHandler,false);        else            this.removeEventListener(shortTypeName,fHandler,true);        }    }//--></script>?> 

firefox下window.event的解决方法

 在FireFox下编写事件处理函数是很麻烦的事. 因为FireFox并没有 window.event . 如果要得到 event 对象,就必须要声明时间处理函数的第一个参数为event. 所以为了兼容IE与FireFox,一般的事件处理方法为:btn.onclick=handle_btn_click;function handle_btn_click(evt){    if(evt==null)evt=window.event;//IE    //处理事件.}对于简单的程序,这不算麻烦. 但对于一些复杂的程序,某写函数根本就不是直接与事件挂钩的.如果要把event传进该参数,那么所有的方法都要把event传来传去..这简直就是噩梦. 下面介绍一个解决这个麻烦事的方法,与原理. JScript中，函数的调用是有一个 func.caller 这个属性的.例如 function A(){    B();}function B(){    alert(B.caller);}如果B被A调用,那么B.caller就是A 另外,函数有一个arguments属性. 这个属性可以遍历函数当前执行的参数:function myalert(){    var arr=[];    for(var i=0;i        arr[i]=myalert.arguments[i];    alert(arr.join("-"));}alert("hello","world",1,2,3)就能显示 hello-world-1-2-3(arguments的个数与调用方有关,而与函数的参数定义没有任何关系) 根据这两个属性,我们可以得到第一个函数的event对象:btn.onclick=handle_click;function handle_click(){    showcontent();}function showcontent(){    var evt=SearchEvent();    if(evt&&evt.shiftKey)//如果是基于事件的调用,并且shift被按下        window.open(global_helpurl);    else        location.href=global_helpurl;}function SearchEvent(){    func=SearchEvent.caller;    while(func!=null)    {        var arg0=func.arguments[0];        if(arg0)        {            if(arg0.constructor==Event) // 如果就是event 对象                return arg0;        }        func=func.caller;    }    return null;}这个例子使用了SearchEvent来搜索event对象. 其中 'Event' 是 FireFox 的 event.constructor .在该例子运行时,SearchEvent.caller就是showcontent,但是showcontent.arguments[0]是空.所以 func=func.caller 时,func变为handle_click .handle_click 被 FireFox 调用, 虽然没有定义参数,但是被调用时,第一个参数就是event,所以handle_click.arguments[0]就是event ! 针对上面的知识,我们可以结合 prototype.__defineGetter__ 来实现 window.event 在 FireFox 下的实现: 下面给出一个简单的代码.. 有兴趣的可以补充 if(window.addEventListener){ FixPrototypeForGecko();}function FixPrototypeForGecko(){ HTMLElement.prototype.__defineGetter__("runtimeStyle",element_prototype_get_runtimeStyle); window.constructor.prototype.__defineGetter__("event",window_prototype_get_event); Event.prototype.__defineGetter__("srcElement",event_prototype_get_srcElement);}function element_prototype_get_runtimeStyle(){ //return style instead… return […]

瀑布流布局浅析

  简介 如果你经常网上冲浪，这样参差不齐的多栏布局，是不是很眼熟啊？ 类似的布局，似乎一夜之间出现在国内外大大小小的网站上，比如 Pinterest (貌似是最早使用这种布局的网站了)，Mark之，蘑菇街，点点网，以及淘宝最新上线的“哇哦” 等等，倒是很流行哈~ 在淘宝即将上线的众多产品中，你还会大量看到这样的形式呢。 这种布局适合于小数据块，每个数据块内容相近且没有侧重。通常，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。所以，我们给这样的布局起了一个形象的名字 — 瀑布流式布局。   几种实现方式 随着越来越多设计师爱用这种布局，我们作为前端，要尽可能满足视觉/交互设计师的需求。所以，我们整理了下这种布局的几种实现方式，有三种: 1) 传统多列浮动。即 蘑菇街和哇哦 采用的方式，如下图所示: 各列固定宽度，并且左浮动； 一列中的数据块为一组，列中的每个数据块依次排列即可； 更多数据加载时，需要分别插入到不同的列上； 线上例子。 优点: 布局简单，应该说没啥特别的难点； 不用明确知道数据块高度，当数据块中有图片时，就不需要指定图片高度。 缺点: 列数固定，扩展不易，当浏览器窗口大小变化时，只能固定的x列，如果要添加一列，很难调整数据块的排列； 滚动加载更多数据时，还要指定插入到第几列中，还是不方便。 2) CSS3 定义。W3C 中有讲述关于多列布局的文档，排列出来的样子: 由 chrome/ff 浏览器直接渲染出来，可以指定容器的列个数，列间距，列中间边框，列宽度来实现；

column-count 为列数； column-gap 为每列间隔距离； column-rule 为间隔边线大小； column-width 为每列宽度； 当只设置 column-width 时，浏览器窗口小于一列宽度时，列中内容自动隐藏； 当只设置 column-count 时，平均计算每列宽度，列内内容超出则隐藏； 都设了 column-count 和column-width，浏览器会根据 count 计算宽度和 width 比较，取大的那个值作为每列宽度，然后当窗口缩小时，width 的值为每列最小宽度。这边其实很简单，简易自己尝试下，详细可参考 https://developer.mozilla.org/en/CSS3_Columns 中的说明。 线上例子。 优点: 直接 CSS 定义，最方便了； 扩展方便，直接往容器里添加内容即可。 缺点: 只有高级浏览器中才能使用； 还有一个缺点，他的数据块排列是从上到下排列到一定高度后，再把剩余元素依次添加到下一列，这个本质上就不一样了； 鉴于这两个主要缺点，注定了该方法只能局限于高端浏览器，而且，更适合于文字多栏排列。 3) 绝对定位。即 Pinterest ，Mark之，KISSY 采用的方式: 可谓是最优的一种方案，方便添加数据内容，窗口变化，列数/数据块都会自动调整； 线上例子。 缺点: 需要实现知道数据块高度，如果其中包含图片，需要知道图片高度； JS 动态计算数据块位置，当窗口缩放频繁，可能会狂耗性能。 KISSY.Waterfall 实现思路 KISSY 的 Waterfall 组件主要包含两个部分，一个是对现有数据块进行排列计算各自所在的位置； 二是下拉滚动时，触发加载数据操作，并把数据添加到目标容器中。 […]

window.event对象详细介绍

 1、event代表事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等。event对象只在事件发生的过程中才有效。event的某些属性只对特定的事件有意义。比如，fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。  2、属性： altKey, button, cancelBubble, clientX, clientY, ctrlKey, fromElement, keyCode, offsetX, offsetY, propertyName, returnValue, screenX, screenY, shiftKey, srcElement, srcFilter, toElement, type, x, y   3、属性详细说明： 属性名 描述 值 说明 altKey 检查alt键的状态 当alt键按下时，值为True否则为False 只读 shiftKey 检查shift键的状态 当shift键按下时，值为True否则为False 只读 ctrlKey 检查ctrl键的状态 当ctrl键按下时，值为True否则为False 只读 例：(点击按钮时显示那几个特殊键按下的状态) <input type="button" value="点击" onClick="showState()"/> <script> function show(){  alert("altKey："+window.event.altKey   +"\nshiftKey："+window.event.shiftKey   +"\nctrlKey："+window.event.ctrlKey); }</script>  keyCode  检测键盘事件相对应的内码    可读写，可以是任何一个Unicode键盘内码。如果没有引发键盘事件，则该值为0 例：（按回车键让下一组件得到焦点，相当按Tab键） <input type="text" onKeyDown="nextBlur()"/> <input type="text"/> <script> function nextBlur(){  if(window.event.keyCode==13)//回车键的 code   window.event.keyCode=9;//Tab键的code } </script>  srcElement  返回触发事件的元素  Object  只读 例：（点击按钮时显示按钮的name值） <input type="button" value="闽" name="福建" onClick="show()"/> […]

安卓2.3可系统文件清单

 打开/system/app下 为防止误删除请先备份1 AccountSyncManager. apk                        账号管理程序（设置里面的账户与同步，删除后进不去）        2 AdobeReader. apk                               PDF阅读器（可删）3 Android_Finance_5_0_for_API_1_6_update. apk    CSL旗下的Invest Pro财经资讯程序（可删）4 AndroidMusicHolic. apk                         CSL的One2Free的流动娱乐服务Musicholic，音乐库（可删）5 ApplicationsProvider. apk                      应用程序支持服务（删除后不能连接电脑同步电话号码）6 AppSharing. apk                                应用程序分享（可删，但进程序列表，按菜单键无分享选项）7 BlackBoard. apk                                内置的黑板皮肤（自带皮肤，可删）8 Bluetooth. apk                             […]

C#读取文本文件

System.IO命名空间中的类为托管应用程序提供文件以及其他形式的输入输出。托管i/o的基本构件是流，而流是字节导向的数据的抽象表示。流通过System.IO.Stream类表示. System.IO.FileStream允许将文件作为流访问; System.IO.MemoryStream允许将内存块作为流进行访问   以下为读写文件的示例   先引用命名空间   using System.IO;   以下是源代码       namespace 文本文件打开测试{public partial class Form1 : Form{public Form1(){InitializeComponent();}   private void btn_Read_Click(object sender, EventArgs e){//异常检测开始try{FileStream fs = new FileStream(@tB_PachFileName.Text , FileMode.Open, FileAccess.Read);//读取文件设定StreamReader m_streamReader = new StreamReader(fs, System.Text.Encoding.GetEncoding("GB2312"));//设定读写的编码//使用StreamReader类来读取文件m_streamReader.BaseStream.Seek(0, SeekOrigin.Begin);// 从数据流中读取每一行，直到文件的最后一行，并在rTB_Display.Text中显示出内容this.rTB_Display.Text = "";string strLine = m_streamReader.ReadLine();while (strLine != null){this.rTB_Display.Text += strLine + "\n";strLine = m_streamReader.ReadLine();}//关闭此StreamReader对象m_streamReader.Close();}catch{//抛出异常MessageBox.Show("指定文件不存在");return;}//异常检测结束 }   private void btn_Replace_Click(object sender, EventArgs e){//判断替换开始if (tB_Replace.Text == ""&&tB_Replace_2.Text==""){MessageBox.Show("想替换的字符都没有就换啊,你太有才了");}else{if (rTB_Display.Text == ""){MessageBox.Show("文件内容为空无法进行替换,请检查文件");}else{string str = rTB_Display.Text.ToString();rTB_Display.Text = str.Replace(@tB_Replace.Text ,@tB_Replace_2.Text);//替换}}//结束       }   private void btn_Save_Click(object sender, EventArgs […]

C#多线程强制退出程序

多线程程序的开发，启动了多个线程的程序在关闭的时候却出现了问题，如果程序退出的时候不关闭线程，那么线程就会一直的存在，但是大多启动的线程都是局部变量，不能一一的关闭，如果调用Thread.CurrentThread.Abort()方法关闭主线程的话，就会出现ThreadAbortException 异常，因此这样不行。解决办法办法：Thread.IsBackground 设置线程为后台线程。msdn对前台线程和后台线程的解释：托管线程或者是后台线程，或者是前台线程。后台线程不会使托管执行环境处于活动状态，除此之外，后台线程与前台线程是一样的。一旦所有前台线程在托管进程（其中 .exe 文件是托管程序集）中被停止，系统将停止所有后台线程并关闭。通过设置 Thread.IsBackground 属性，可以将一个线程指定为后台线程或前台线程。例如，通过将 Thread.IsBackground 设置为 true，就可以将线程指定为后台线程。同样，通过将 IsBackground 设置为 false，就可以将线程指定为前台线程。从非托管代码进入托管执行环境的所有线程都被标记为后台线程。通过创建并启动新的 Thread 对象而生成的所有线程都是前台线程。如果要创建希望用来侦听某些活动（如套接字连接）的前台线程，则应将 Thread.IsBackground 设置为 true，以便进程可以终止。所以解决办法就是在主线程初始化的时候，设置：Thread.CurrentThread.IsBackground = true;这样，主线程就是后台线程，在关闭主程序的时候就会关闭主线程，从而关闭所有线程。但是这样的话，就会强制关闭所有正在执行的线程，所以在关闭的时候要对线程工作的结果保存 from url http://www.cnblogs.com/king_dy/archive/2010/12/02/1894147.html

C#多线程编程 线程的启动

在实例化Thread的实例，需要提供一个委托，在实例化这个委托时所用到的参数是线程将来启动时要运行的方法。在.net中提供了两种启动线程的方式，一种是不带参数的启动方式，另一种是带参数的启动的方式。 不带参数的启动方式 如果启动参数时无需其它额外的信息，可以使用ThreadStart来实例化Thread，如下面的代码：

  程序的运行效果我们不用运行也会知道，那就是在循环中将系统当前时间的毫秒部分输出出来，在每次输出之后会将当前线程暂停一下，直到10次之后运行完毕，终止线程的执行。 在上面的代码中我们是通过定义全局变量的方法来指定线程暂停间隔，按照这种方法，假如要运行10个线程，每个线程的暂停间隔不一样的话，就需要定义10个全局变量，虽然最终不影响系统的运行效果，但是总觉得不是太爽。 有没有比较简单一点的办法呢？有！那就是使用带参数的启动方法。 带参数的启动方法 如果要在实例化线程时要带一些参数，就不能用ThreadStart委托作为构造函数的参数来实例化Thread了，而要 ParameterizedThreadStart委托，和ThreadStart一样的是它也是线程启动时要执行的方法，和ThreadStart不同的是，它在实例化时可以用一个带有一个Object参数的方法作为构造函数的参数，而实例化ThreadStart时所用到的方法是没有参数的。 为什么是Object这样的参数呢？很简单，因为在.net中Object是所有类型的基类，用它可以表示Array(数组）、Interface（接口）、ValueType（值类型，如bool,byte,char,short,int,float,long,double等）、class(类）等.net中的类型。当然，这也意味着如果你要启动一个线程，给它传递一个int类型参数时，必须在启动方法中进行相应的类型转换。 下面就是一个例子，在启动线程时指定了线程的暂停间隔，代码如下：

  在这个方法里，我们在启动线程时顺便指定了线程的暂停间隔，也就是这句： parameterThread.Start(30); 线程启动时运行的方法是public void ParameterRun(object ms)，这个值为30的int类型变量被装箱成object，所以在方法中还需要将它转换成int类型，这个可以通过拆箱或者其它办法解决。 假如我们要启动两个线程，每个线程的暂停间隔不一样，启动代码如下：

  对上面的代码做一点说明，就是线程启动之后，线程的实例不必再存在，例如在上面的代码中我用的是同一个实例实例化了两个线程，并且这两个线程运行很正常。 继续探索 上面解决了一个问题，如果在启动线程时需要参数如何解决，如果针对上面的问题继续发掘，比如：在启动线程时不但要指定线程的暂停间隔，还需要指定循环次数（在上面的所有例子中都是执行10次的），这个问题该如何解决呢？ 有两种办法可以解决： 首先可以继续在ParameterizedThreadStart这里做文章，因为这里可以使用一个Object类型的参数，那么可以通过数组或者一个类来解决（因为它们都是Object的子类）。我在做某个系统时确实采用数组处理过这种情况，这样就要求在线程启动方法中必须清楚知道数组中每个参数的用途，不是太方便。 这里说说重新定义一个实体类来解决的方法，代码如下。

  第二种方法和上面方法有些相似，也是需要引入外部类，并且将Thread实例放在引入的类中，这种情况适合于在线程中处理的业务逻辑比较复杂的情况。在前不久处理的一个项目中我用过这种情况，它是用来实现双向数据传输的。 如果实现上面的效果，代码如下：

  上面的代码的运行效果和前面的代码运行效果类似，只不过是将业务处理代码放在一个单独的类MyThreadParameter中，使得MyThreadParameter看起来也像一个Thread，实际上维护的还是其内部的Thread，在一些大型系统中这样做的好处是便于维护。 总结：在本篇主要讲述如何启动线程的问题，在启动时可能会遇到无需参数、需要多个参数的情况，在这里讲述了如何解决这些问题的思路。在.net类库中虽然存在着庞大的类库，但是并不是总会有合适的类来解决我们所遇到的问题，但是只要肯动脑筋总会想到合适的办法。

计算机时间、unix时间、linux时间、java时间为何以1970年1月1日为原点？从1970年1月1日开始计算？

 今天在看Python   API时，看到time模块: The epoch is the point where the time starts. On January 1st of that year, at 0 hours,the “time since the epoch” is zero. For Unix, the epoch is 1970. To find out what the epoch is, look at gmtime(0). 定义time从1970年1月1日开始，忽然想到在JAVA里，Oracle数据库时间也是从1970 年1月1日开始计算。比如java类代码 Date date = new Date(0); System.out.println(date); 打印出来的结果: Thu Jan 01 08:00:00 CST 1970 也是1970年1月1日，实际上时分秒是0点0分0秒(这里打印出来是8点，稍后会作解释)。 为什么这个时间会定义在1970年1月1日这个时候呢? 于是开始了Google，中文网页根本找不到答案。于是试着搜索英文关键字,在Sun java论坛总算找到准确的帖子: http://forums.sun.com/thread.jspa?threadID=595140&start=15 其中有一个回复: I suspect that Java was born and raised on a UNIX system. UNIX considers the epoch (when did time begin) to be midnight, January […]

JavaScript判断浏览器类型及版本

 你知道世界上有多少种浏览器吗？除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外，世界上还有近百种浏览器。        几天前，浏览器家族有刚诞生了一位小王子，就是Google推出的Chrome浏览器。由于Chrome出生名门，尽管他还是个小家伙，没有人敢小看他。以后，咱们常说浏览器的“四大才子”就得改称为“五朵金花”了。        在网站前端开发中，浏览器兼容性问题本已让我们手忙脚乱，Chrome的出世不知道又要给我们添多少乱子。浏览器兼容性是前端开发框架要解决的第一个问题，要解决兼容性问题就得首先准确判断出浏览器的类型及其版本。        JavaScript是前端开发的主要语言，我们可以通过编写JavaScript程序来判断浏览器的类型及版本。JavaScript判断浏览器类型一般有两种办法，一种是根据各种浏览器独有的属性来分辨，另一种是通过分析浏览器的userAgent属性来判断的。在许多情况下，值判断出浏览器类型之后，还需判断浏览器版本才能处理兼容性问题，而判断浏览器的版本一般只能通过分析浏览器的userAgent才能知道。        我们先来分析一下各种浏览器的特征及其userAgent。        IE       只有IE支持创建ActiveX控件，因此她有一个其他浏览器没有的东西，就是ActiveXObject函数。只要判断window对象存在ActiveXObject函数，就可以明确判断出当前浏览器是IE。而IE各个版本典型的userAgent如下：          Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0)        Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2)        Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1)        Mozilla/4.0 (compatible; MSIE 5.0; Windows NT)       其中，版本号是MSIE之后的数字。        Firefox        Firefox中的DOM元素都有一个getBoxObjectFor函数，用来获取该DOM元素的位置和大小（IE对应的中是getBoundingClientRect函数）。这是Firefox独有的，判断它即可知道是当前浏览器是Firefox。Firefox几个版本的userAgent大致如下：         Mozilla/5.0 (Windows; U; Windows NT 5.2) Gecko/2008070208 Firefox/3.0.1        Mozilla/5.0 (Windows; U; Windows NT 5.1) Gecko/20070309 Firefox/2.0.0.3        Mozilla/5.0 (Windows; U; Windows NT 5.1) Gecko/20070803 Firefox/1.5.0.12      其中，版本号是Firefox之后的数字。        Opera        Opera提供了专门的浏览器标志，就是window.opera属性。Opera典型的userAgent如下：          Opera/9.27 (Windows NT 5.2; U; zh-cn)        […]