BlogJava-我思故我强-文章分类-javascript

js prototype

李云泽 — Fri, 07 Aug 2009 05:28:00 GMT

function Person(name,sex) { //Person类的构造函数
this .name = name;
this .sex = sex;
}
Person.prototype.age = 12 ; //为Person类的prototype属性对应的prototype对象的属性赋值,
//相当于为Person类的父类添加属性
Person.prototype.print = function() { //为Person类的父类添加方法
alert( this .name+ "_" + this .sex+ "_" + this .age);
};
var p1 = new Person( "name1" , "male" ); //p1的age属性继承子Person类的父类(即prototype对象)
var p2 = new Person( "name2" , "male" );
p1.print(); //name1_male_12
p2.print(); //name2_male_12
p1.age = 34 ; //改变p1实例的age属性 p1属性在不指向Person的prototype属性
p1.print(); //name1_male_34
p2.print(); //name2_male_12
Person.prototype.age = 22 ; //改变Person类的超类的age属性
p1.print(); //name1_male_34(p1的age属性并没有随着prototype属性的改变而改变)
p2.print(); //name2_male_22(p2的age属性发生了改变)
p1.print = function() { //改变p1对象的print方法
alert( "i am p1" );
}
p1.print(); //i am p1(p1的方法发生了改变)
p2.print(); //name2_male_22(p2的方法并没有改变)
Person.prototype.print = function() { //改变Person超类的print方法
alert( "new print method!" );
}
p1.print(); //i am p1(p1的print方法仍旧是自己的方法)
p2.print(); //new print method!(p2的print方法随着超类方法的改变而改变)

李云泽 2009-08-07 13:28 发表评论

js弹出层代码

李云泽 — Thu, 06 Aug 2009 05:49:00 GMT

var CONTEXTPATH = 'http://www.5-studio.com/wp-content/uploads/2009/06/';//图片路径配置
//var CONTEXTPATH = 'images/';//图片路径配置
var isIE = navigator.userAgent.toLowerCase().indexOf("msie") != -1;
var isGecko = navigator.userAgent.toLowerCase().indexOf("gecko") != -1;

Array.prototype.remove = function(s){
for(var i=0;i    if(s == this[i]){
    this.splice(i, 1);
    }
}
}
if(window.HTMLElement){//给FF添加IE专有的属性和方法
    HTMLElement.prototype.__defineGetter__("parentElement",function(){
        if(this.parentNode==this.ownerDocument)return null;
        return this.parentNode;
        });
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            attr=attrs[i];
            if(attr.specified)
                str+=" "+attr.name+'="'+attr.value+'"';
            }
        if(!this.canHaveChildren)
            return str+">";
        return str+">"+this.innerHTML+"";
        });
    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();
        });
}

Dialog._Array = [];

Dialog.prototype.showWindow = function(){
if(isIE){
  this.ParentWindow.showModalessDialog( this.URL, this.DialogArguments, "dialogWidth:" + this.Width + ";dialogHeight:" + this.Height + ";help:no;scroll:no;status:no") ;
}
if(isGecko){
  var sOption = "location=no,menubar=no,status=no;toolbar=no,dependent=yes,dialog=yes,minimizable=no,modal=yes,alwaysRaised=yes,resizable=no";
  this.Window = this.ParentWindow.open( '', this.URL, sOption, true ) ;
  var w = this.Window;
  if ( !w ){
   alert( "发现弹出窗口被阻止，请更改浏览器设置，以便正常使用本功能!" ) ;
   return ;
  }
  w.moveTo( this.Left, this.Top ) ;
  w.resizeTo( this.Width, this.Height+30 ) ;
  w.focus() ;
  w.location.href = this.URL ;
  w.Parent = this.ParentWindow;
  w.dialogArguments = this.DialogArguments;
}
}

Dialog.prototype.show = function(){
var pw = $E.getTopLevelWindow();
var doc = pw.document;
var cw = doc.compatMode == "BackCompat"?doc.body.clientWidth:doc.documentElement.clientWidth;
var ch = doc.compatMode == "BackCompat"?doc.body.clientHeight:doc.documentElement.clientHeight;//必须考虑文本框处于页面边缘处，控件显示不全的问题
var sl = Math.max(doc.documentElement.scrollLeft, doc.body.scrollLeft);
var st = Math.max(doc.documentElement.scrollTop, doc.body.scrollTop);//考虑滚动的情况
var sw = Math.max(doc.documentElement.scrollWidth, doc.body.scrollWidth);
var sh = Math.max(doc.documentElement.scrollHeight, doc.body.scrollHeight);//考虑滚动的情况
sw=Math.max(sw,cw);
sh=Math.max(sh,ch);
// alert("\n"+cw+"\n"+ch+"\n"+sw+"\n"+sh)

if ( !this.ParentWindow ){
this.ParentWindow = window ;
}
this.DialogArguments._DialogInstance = this;
this.DialogArguments.ID = this.ID;

if(!this.Height){
  this.Height = this.Width/2;
}

if(this.Top==0){
  this.Top = (ch - this.Height - 30) / 2 + st - 8;
}
if(this.Left==0){
  this.Left = (cw - this.Width - 12) / 2 +sl;
}
if(this.ShowButtonRow){//按钮行高36
  this.Top -= 18;
}
if(this.WindowFlag){
  this.showWindow();
  return;
}
var arr = [];
arr.push("

");
arr.push(" ");
arr.push("    ");
arr.push("    ");
arr.push("    ");
arr.push(" ");
arr.push(" ");
arr.push("    ");
arr.push("    ");
arr.push(" ");
arr.push("    ");
arr.push("    ");
arr.push("

"+this.Title+"

");
arr.push("

");
arr.push("    ");
arr.push("        ");
arr.push("          ");
arr.push("        ");
arr.push("        ");
arr.push("

");
arr.push("          if(this.URL.indexOf(":")==-1){
  arr.push(CONTEXTPATH+this.URL);
}else{
  arr.push(this.URL);
}
arr.push("' id='_DialogFrame_"+this.ID+"' allowTransparency='true' width='"+this.Width+"' height='"+this.Height+"' frameborder='0' style=\"background-color: #transparent; border:none;\">

");
arr.push("

");
arr.push("           ");
arr.push("           ");
arr.push("

");
this.TopWindow = pw;

var bgdiv = pw.$("_DialogBGDiv");
if(!bgdiv){
  bgdiv = pw.document.createElement("div");
  bgdiv.id = "_DialogBGDiv";
  $E.hide(bgdiv);
pw.$T("body")[0].appendChild(bgdiv);
}

var div = pw.$("_DialogDiv_"+this.ID);
if(!div){
  div = pw.document.createElement("div");
  $E.hide(div);
  div.id = "_DialogDiv_"+this.ID;
  div.className = "dialogdiv";
  div.setAttribute("dragStart","Dialog.dragStart");
pw.$T("body")[0].appendChild(div);
}
/*div.onmousedown = function(evt){
  var w = $E.getTopLevelWindow();
  //w.DragManager.onMouseDown(evt||w.event,this);//拖拽处理
}*/

this.DialogDiv = div;
div.innerHTML = arr.join('\n');

pw.$("_DialogFrame_"+this.ID).DialogInstance = this;

this.OKButton = pw.$("_ButtonOK_"+this.ID);
this.CancelButton = pw.$("_ButtonCancel_"+this.ID);

//显示标题图片
if(this.ShowMessageRow){
  $E.show(pw.$("_MessageRow_"+this.ID));
  if(this.MessageTitle){
   pw.$("_MessageTitle_"+this.ID).innerHTML = this.MessageTitle;
  }
  if(this.Message){
   pw.$("_Message_"+this.ID).innerHTML = this.Message;
  }
}

//显示按钮栏
if(!this.ShowButtonRow){
  pw.$("_ButtonRow_"+this.ID).hide();
}
if(this.CancelEvent){
  this.CancelButton.onclick = this.CancelEvent;
}
if(this.OKEvent){
  this.OKButton.onclick = this.OKEvent;
}
if(!this.AlertFlag){
  $E.show(bgdiv);
  this.bgdivID = "_DialogBGDiv";
}else{
  bgdiv = pw.$("_AlertBGDiv");
  if(!bgdiv){
   bgdiv = pw.document.createElement("div");
   bgdiv.id = "_AlertBGDiv";
   $E.hide(bgdiv);
   pw.$T("body")[0].appendChild(bgdiv);
   bgdiv.style.cssText = "background-color:#333;position:absolute;left:0px;top:0px;opacity:0.4;filter:alpha(opacity=40);width:" + sw + "px;height:" + sh + "px;z-index:991";
  }
  $E.show(bgdiv);
  this.bgdivID = "_AlertBGDiv";
}
this.DialogDiv.style.cssText = "position:absolute; display:block;z-index:"+(this.AlertFlag?992:990)+";left:"+this.Left+"px;top:"+this.Top+"px";

//判断当前窗口是否是对话框，如果是，则将其置在bgdiv之后
if(!this.AlertFlag){
  var win = window;
  var flag = false;
  while(win!=win.parent){//需要考虑父窗口是弹出窗口中的一个iframe的情况
   if(win._DialogInstance){
    win._DialogInstance.DialogDiv.style.zIndex = 959;
    flag = true;
    break;
   }
   win = win.parent;
  }
  if(!flag){
   bgdiv.style.cssText = "background-color:#333;position:absolute;left:0px;top:0px;opacity:0.4;filter:alpha(opacity=40);width:" + sw + "px;height:" + sh + "px;z-index:960";
  }
}
this.OKButton.focus();
//放入队列中，以便于ESC时正确关闭
pw.Dialog._Array.push(this.ID);
}

Dialog.prototype.addParam = function(paramName,paramValue){
this.DialogArguments[paramName] = paramValue;
}

Dialog.prototype.close = function(){
if(this.WindowFlag){
  this.ParentWindow.$D = null;
  this.ParentWindow.$DW = null;
  this.Window.opener = null;
  this.Window.close();
  this.Window = null;
}else{
  //如果上级窗口是对话框，则将其置于bgdiv前
  var pw = $E.getTopLevelWindow();
  var win = window;
  var flag = false;
  while(win!=win.parent){
   if(win._DialogInstance){
    flag = true;
    win._DialogInstance.DialogDiv.style.zIndex = 960;
    break;
   }
   win = win.parent;
  }
  if(this.AlertFlag){
   $E.hide(pw.$("_AlertBGDiv"));
  }
  if(!flag&&!this.AlertFlag){//此处是为处理弹出窗口被关闭后iframe立即被重定向时背景层不消失的问题
   pw.eval('window._OpacityFunc = function(){var w = $E.getTopLevelWindow();$E.hide(w.$("_DialogBGDiv"));}');
   pw._OpacityFunc();
  }
  this.DialogDiv.outerHTML = "";
  pw.Dialog._Array.remove(this.ID);
}
}

Dialog.prototype.addButton = function(id,txt,func){
var html = " ";
var pw = $E.getTopLevelWindow();
pw.$("_DialogButtons_"+this.ID).$T("input")[0].getParent("a").insertAdjacentHTML("beforeBegin",html);
pw.$("_Button_"+this.ID+"_"+id).onclick = func;
}

Dialog.close = function(evt){
window.Args._DialogInstance.close();
}

Dialog.getInstance = function(id){
var pw = $E.getTopLevelWindow()
var f = pw.$("_DialogFrame_"+id);
if(!f){
return null;
}
return f.DialogInstance;
}

Dialog.AlertNo = 0;
Dialog.alert = function(msg,func,w,h){
var pw = $E.getTopLevelWindow()
var diag = new Dialog("_DialogAlert"+Dialog.AlertNo++);
diag.ParentWindow = pw;
diag.Width = w?w:300;
diag.Height = h?h:120;
diag.Title = "系统提示";
diag.URL = "javascript:void(0);";
diag.AlertFlag = true;
diag.CancelEvent = function(){
  diag.close();
  if(func){
   func();
  }
};
diag.show();
pw.$("_AlertBGDiv").style.display="";
$E.hide(pw.$("_ButtonOK_"+diag.ID));
var win = pw.$("_DialogFrame_"+diag.ID).contentWindow;
var doc = win.document;
doc.open();
doc.write("") ;
var arr = [];
arr.push("

");
arr.push("");
arr.push("

"+msg+"

");
var div = doc.createElement("div");
div.innerHTML = arr.join('');
doc.body.appendChild(div);
doc.close();
var h = Math.max(doc.documentElement.scrollHeight, doc.body.scrollHeight);
var w = Math.max(doc.documentElement.scrollWidth, doc.body.scrollWidth);
if(w>300){
win.frameElement.width = w;
}
if(h>120){
win.frameElement.height = h;
}

diag.CancelButton.value = "确定";
diag.CancelButton.focus();
pw.$("_DialogButtons_"+diag.ID).style.textAlign = "center";
}

Dialog.confirm = function(msg,func1,func2,w,h){
var pw = $E.getTopLevelWindow()
var diag = new Dialog("_DialogAlert"+Dialog.AlertNo++);
diag.Width = w?w:300;
diag.Height = h?h:120;
diag.Title = "信息确认";
diag.URL = "javascript:void(0);";
diag.AlertFlag = true;
diag.CancelEvent = function(){
  diag.close();
  if(func2){
   func2();
  }
};
diag.OKEvent = function(){
  diag.close();
  if(func1){
   func1();
  }
};
diag.show();
pw.$("_AlertBGDiv").style.dispaly="";
var win = pw.$("_DialogFrame_"+diag.ID).contentWindow;
var doc = win.document;
doc.open();
doc.write("") ;
var arr = [];
arr.push("

");
arr.push("");
arr.push("

"+msg+"

");
var div = doc.createElement("div");
div.innerHTML = arr.join('');
doc.body.appendChild(div);
doc.close();
diag.OKButton.focus();
pw.$("_DialogButtons_"+diag.ID).style.textAlign = "center";
}

Page.onDialogLoad();

PageOnLoad=function (){
var d = _DialogInstance;
if(d){
  try{
   d.ParentWindow.$D = d;
   d.ParentWindow.$DW = d.Window;
   var flag = false;
   if(!this.AlertFlag){
    var win = d.ParentWindow;
    while(win!=win.parent){
     if(win._DialogInstance){
      flag = true;
      break;
     }
     win = win.parent;
    }
    if(!flag){
     $E.getTopLevelWindow().$("_DialogBGDiv").style.opacity="0";
     $E.getTopLevelWindow().$("_DialogBGDiv").style.filter="alpha(opacity=0)";
    }
   }
   if(d.AlertFlag){
    $E.show($E.getTopLevelWindow().$("_AlertBGDiv"));
   }
   if(d.ShowButtonRow&&$E.visible(d.CancelButton)){
    d.CancelButton.focus();
   }
   if(d.onLoad){
    d.onLoad();
   }
  }catch(ex){alert("DialogOnLoad:"+ex.message+"\t("+ex.fileName+" "+ex.lineNumber+")");}
}
}

Dialog.onKeyUp = function(event){
if(event.keyCode==9){
  var pw = $E.getTopLevelWindow();
  if(pw.Dialog._Array.length>0){
   stopEvent(event);
  }
}
if(event.keyCode==27){
  var pw = $E.getTopLevelWindow();
  if(pw.Dialog._Array.length>0){
   //Page.mousedown();
   //Page.click();
   var diag = pw.Dialog.getInstance(pw.Dialog._Array[pw.Dialog._Array.length-1]);
   diag.CancelButton.onclick.apply(diag.CancelButton,[]);
  }
}
}

Dialog.dragStart = function(evt){
//DragManager.doDrag(evt,this.getParent("div"));//拖拽处理
}
Dialog.setPosition=function(){
if(window.parent!=window)return;
var pw = $E.getTopLevelWindow();
var DialogArr=pw.Dialog._Array;
if(DialogArr==null||DialogArr.length==0)return;

for(i=0;i {
pw.$("_DialogFrame_"+DialogArr[i]).DialogInstance.setPosition();
}
}
Dialog.prototype.setPosition=function(){
var pw = $E.getTopLevelWindow();
var doc = pw.document;
var cw = doc.compatMode == "BackCompat"?doc.body.clientWidth:doc.documentElement.clientWidth;
var ch = doc.compatMode == "BackCompat"?doc.body.clientHeight:doc.documentElement.clientHeight;//必须考虑文本框处于页面边缘处，控件显示不全的问题
var sl = Math.max(doc.documentElement.scrollLeft, doc.body.scrollLeft);
var st = Math.max(doc.documentElement.scrollTop, doc.body.scrollTop);//考虑滚动的情况
var sw = Math.max(doc.documentElement.scrollWidth, doc.body.scrollWidth);
var sh = Math.max(doc.documentElement.scrollHeight, doc.body.scrollHeight);
sw=Math.max(sw,cw);
sh=Math.max(sh,ch);
this.Top = (ch - this.Height - 30) / 2 + st - 8;//有8像素的透明背景
this.Left = (cw - this.Width - 12) / 2 +sl;
if(this.ShowButtonRow){//按钮行高36
this.Top -= 18;
}
this.DialogDiv.style.top=this.Top+"px";
this.DialogDiv.style.left=this.Left+"px";
pw.$(this.bgdivID).style.width= sw + "px";
pw.$(this.bgdivID).style.height= sh + "px";
}

//按ESC关闭对话框
if(isIE){
document.attachEvent("onkeydown",Dialog.onKeyUp);
window.attachEvent("onload",PageOnLoad);
window.attachEvent('onresize',Dialog.setPosition);
}else{
document.addEventListener("keydown",Dialog.onKeyUp,false);
window.addEventListener("load",PageOnLoad,false);
window.addEventListener('resize',Dialog.setPosition,false);
}

李云泽 2009-08-06 13:49 发表评论

js弹出层

李云泽 — Thu, 06 Aug 2009 05:47:00 GMT

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

李云泽 2009-08-06 13:47 发表评论

常用的JavaScript验证正则表达式

李云泽 — Fri, 06 Mar 2009 10:00:00 GMT

常用的JavaScript验证正则表达式

下面都是我收集的一些比较常用的正则表达式，因为平常可能在表单验证的时候，用到的比较多。特发出来，让各位朋友共同使用。呵呵。

匹配中文字符的正则表达式： [u4e00-u9fa5]
评注：匹配中文还真是个头疼的事，有了这个表达式就好办了

匹配双字节字符(包括汉字在内)：[^x00-xff]
评注：可以用来计算字符串的长度（一个双字节字符长度计2，ASCII字符计1）

匹配空白行的正则表达式：ns*r
评注：可以用来删除空白行

匹配HTML标记的正则表达式：< (S*?)[^>]*>.*?|< .*? />
评注：网上流传的版本太糟糕，上面这个也仅仅能匹配部分，对于复杂的嵌套标记依旧无能为力

匹配首尾空白字符的正则表达式：^s*|s*$
评注：可以用来删除行首行尾的空白字符(包括空格、制表符、换页符等等)，非常有用的表达式

匹配Email地址的正则表达式：w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)* 评注：表单验证时很实用

匹配网址URL的正则表达式：[a-zA-z]+://[^s]*
评注：网上流传的版本功能很有限，上面这个基本可以满足需求

匹配帐号是否合法(字母开头，允许5-16字节，允许字母数字下划线)：^[a-zA-Z][a-zA-Z0-9_]{4,15}$
评注：表单验证时很实用

匹配国内电话号码：d{3}-d{8}|d{4}-d{7}
评注：匹配形式如 0511-4405222 或 021-87888822

匹配腾讯QQ号：[1-9][0-9]{4,}
评注：腾讯QQ号从10000开始

匹配中国邮政编码：[1-9]d{5}(?!d)
评注：中国邮政编码为6位数字

匹配身份证：d{15}|d{18}
评注：中国的身份证为15位或18位

匹配ip地址：d+.d+.d+.d+
评注：提取ip地址时有用

匹配特定数字：
^[1-9]d*$　　 //匹配正整数
^-[1-9]d*$ 　 //匹配负整数
^-?[1-9]d*$　　 //匹配整数
^[1-9]d*|0$　 //匹配非负整数（正整数 + 0）
^-[1-9]d*|0$　　 //匹配非正整数（负整数 + 0）
^[1-9]d*.d*|0.d*[1-9]d*$　　 //匹配正浮点数
^-([1-9]d*.d*|0.d*[1-9]d*)$　 //匹配负浮点数
^-?([1-9]d*.d*|0.d*[1-9]d*|0?.0+|0)$　 //匹配浮点数
^[1-9]d*.d*|0.d*[1-9]d*|0?.0+|0$　　 //匹配非负浮点数（正浮点数 + 0）
^(-([1-9]d*.d*|0.d*[1-9]d*))|0?.0+|0$　　//匹配非正浮点数（负浮点数 + 0）
评注：处理大量数据时有用，具体应用时注意修正

匹配特定字符串：
^[A-Za-z]+$　　//匹配由26个英文字母组成的字符串
^[A-Z]+$　　//匹配由26个英文字母的大写组成的字符串
^[a-z]+$　　//匹配由26个英文字母的小写组成的字符串
^[A-Za-z0-9]+$　　//匹配由数字和26个英文字母组成的字符串
^w+$　　//匹配由数字、26个英文字母或者下划线组成的字符串

在使用RegularExpressionValidator验证控件时的验证功能及其验证表达式介绍如下:

只能输入数字：“^[0-9]*$”
只能输入n位的数字：“^d{n}$”
只能输入至少n位数字：“^d{n,}$”
只能输入m-n位的数字：“^d{m,n}$”
只能输入零和非零开头的数字：“^(0|[1-9][0-9]*)$”
只能输入有两位小数的正实数：“^[0-9]+(.[0-9]{2})?$”
只能输入有1-3位小数的正实数：“^[0-9]+(.[0-9]{1,3})?$”
只能输入非零的正整数：“^+?[1-9][0-9]*$”
只能输入非零的负整数：“^-[1-9][0-9]*$”
只能输入长度为3的字符：“^.{3}$”
只能输入由26个英文字母组成的字符串：“^[A-Za-z]+$”
只能输入由26个大写英文字母组成的字符串：“^[A-Z]+$”
只能输入由26个小写英文字母组成的字符串：“^[a-z]+$”
只能输入由数字和26个英文字母组成的字符串：“^[A-Za-z0-9]+$”
只能输入由数字、26个英文字母或者下划线组成的字符串：“^w+$”
验证用户密码:“^[a-zA-Z]w{5,17}$”正确格式为：以字母开头，长度在6-18之间，

只能包含字符、数字和下划线。
验证是否含有^%&’,;=?$”等字符：“[^%&',;=?$x22]+”
只能输入汉字：“^[u4e00-u9fa5],{0,}$”
验证Email地址：“^w+[-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$”
验证InternetURL：“^http://([w-]+.)+[w-]+(/[w-./?%&=]*)?$”
验证电话号码：“^((d{3,4})|d{3,4}-)?d{7,8}$”

正确格式为：“XXXX-XXXXXXX”，“XXXX-XXXXXXXX”，“XXX-XXXXXXX”，

“XXX-XXXXXXXX”，“XXXXXXX”，“XXXXXXXX”。
验证身份证号（15位或18位数字）：“^d{15}|d{}18$”
验证一年的12个月：“^(0?[1-9]|1[0-2])$”正确格式为：“01”-“09”和“1”“12”
验证一个月的31天：“^((0?[1-9])|((1|2)[0-9])|30|31)$”

正确格式为：“01”“09”和“1”“31”。

匹配中文字符的正则表达式： [u4e00-u9fa5]
匹配双字节字符(包括汉字在内)：[^x00-xff]
匹配空行的正则表达式：n[s| ]*r
匹配HTML标记的正则表达式：/< (.*)>.*|< (.*) />/
匹配首尾空格的正则表达式：(^s*)|(s*$)
匹配Email地址的正则表达式：w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*
匹配网址URL的正则表达式：http://([w-]+.)+[w-]+(/[w- ./?%&=]*)?

(1)应用：计算字符串的长度（一个双字节字符长度计2，ASCII字符计1）
String.prototype.len=function(){return this.replace([^x00-xff]/g,”aa”).length;}

(2)应用：javascript中没有像vbscript那样的trim函数，我们就可以利用这个表达式来实现
String.prototype.trim = function()
{
return this.replace(/(^s*)|(s*$)/g, “”);
}
(3)应用：利用正则表达式分解和转换IP地址
function IP2V(ip) //IP地址转换成对应数值
{
re=/(d+).(d+).(d+).(d+)/g //匹配IP地址的正则表达式
if(re.test(ip))
{
return RegExp.$1*Math.pow(255,3))+RegExp.$2*Math.pow(255,2))+RegExp.$3*255+RegExp.$4*1
}
else
{
throw new Error(”Not a valid IP address!”)
}
}
(4)应用：从URL地址中提取文件名的javascript程序
s=”http://www.9499.net/page1.htm”;
s=s.replace(/(.*/){0,}([^.]+).*/ig,”$2″) ; //Page1.htm
(5)应用：利用正则表达式限制网页表单里的文本框输入内容
用正则表达式限制只能输入中文：onkeyup=”value=”/blog/value.replace(/["^u4E00-u9FA5]/g,”) ” onbeforepaste=”clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^u4E00-u9FA5]/g,”))”
用正则表达式限制只能输入全角字符： onkeyup=”value=”/blog/value.replace(/["^uFF00-uFFFF]/g,”) ” onbeforepaste=”clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^uFF00-uFFFF]/g,”))”
用正则表达式限制只能输入数字：onkeyup=”value=”/blog/value.replace(/["^d]/g,”) “onbeforepaste= “clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^d]/g,”))”
用正则表达式限制只能输入数字和英文：onkeyup=”value=”/blog/value.replace(/[W]/g,””) “onbeforepaste=”clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^d]/g,”

李云泽 2009-03-06 18:00 发表评论

JS获取浏览器窗口大小获取屏幕，浏览器，网页高度宽度

李云泽 — Fri, 06 Mar 2009 08:37:00 GMT

JS获取浏览器窗口大小获取屏幕，浏览器，网页高度宽度

网页可见区域宽：document.body.clientWidth
网页可见区域高：document.body.clientHeight
网页可见区域宽：document.body.offsetWidth (包括边线的宽)
网页可见区域高：document.body.offsetHeight (包括边线的宽)
网页正文全文宽：document.body.scrollWidth
网页正文全文高：document.body.scrollHeight
网页被卷去的高：document.body.scrollTop
网页被卷去的左：document.body.scrollLeft
网页正文部分上：window.screenTop
网页正文部分左：window.screenLeft
屏幕分辨率的高：window.screen.height
屏幕分辨率的宽：window.screen.width
屏幕可用工作区高度：window.screen.availHeight
屏幕可用工作区宽度：window.screen.availWidth

HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
event.clientX 相对文档的水平座标
event.clientY 相对文档的垂直座标
event.offsetX 相对容器的水平坐标
event.offsetY 相对容器的垂直坐标
document.documentElement.scrollTop 垂直方向滚动的值
event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量

IE，FireFox 差异如下：

IE6.0、FF1.06+：

clientWidth = width + padding

clientHeight = height + padding

offsetWidth = width + padding + border

offsetHeight = height + padding + border

IE5.0/5.5：
clientWidth = width - border

clientHeight = height - border

offsetWidth = width

offsetHeight = height

(需要提一下：CSS中的margin属性，与clientWidth、offsetWidth、clientHeight、offsetHeight均无关)

网页可见区域宽： document.body.clientWidth
网页可见区域高： document.body.clientHeight
网页可见区域宽： document.body.offsetWidth (包括边线的宽)
网页可见区域高： document.body.offsetHeight (包括边线的高)
网页正文全文宽： document.body.scrollWidth
网页正文全文高： document.body.scrollHeight
网页被卷去的高： document.body.scrollTop
网页被卷去的左： document.body.scrollLeft
网页正文部分上： window.screenTop
网页正文部分左： window.screenLeft
屏幕分辨率的高： window.screen.height
屏幕分辨率的宽： window.screen.width
屏幕可用工作区高度： window.screen.availHeight
屏幕可用工作区宽度： window.screen.availWidth

－－－－－－－－－－－－－－－－－－－

技术要点
本节代码主要使用了Document对象关于窗口的一些属性，这些属性的主要功能和用法如下。

要得到窗口的尺寸，对于不同的浏览器，需要使用不同的属性和方法：若要检测窗口的真实尺寸，在Netscape下需要使用Window的属性；在IE下需要深入Document内部对body进行检测；在DOM环境下，若要得到窗口的尺寸，需要注意根元素的尺寸，而不是元素。

Window对象的innerWidth属性包含当前窗口的内部宽度。Window对象的innerHeight属性包含当前窗口的内部高度。

Document对象的body属性对应HTML文档的标签。Document对象的documentElement属性则表示HTML文档的根节点。

document.body.clientHeight表示HTML文档所在窗口的当前高度。document.body. clientWidth表示HTML文档所在窗口的当前宽度。

实现代码


"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">

请调整浏览器窗口



请调整浏览器窗口大小



浏览器窗口 的 实际高度: 

浏览器窗口 的 实际宽度:

源程序解读

（1）程序首先建立一个表单，包含两个文本框，用于显示窗口当前的宽度和高度，并且，其数值会随窗口大小的改变而变化。

（2）在随后的JavaScript代码中，首先定义了两个变量winWidth和winHeight，用于保存窗口的高度值和宽度值。

（3）然后，在函数findDimensions ( )中，使用window.innerHeight和window.innerWidth得到窗口的高度和宽度，并将二者保存在前述两个变量中。

（4）再通过深入Document内部对body进行检测，获取窗口大小，并存储在前述两个变量中。

（5）在函数的最后，通过按名称访问表单元素，结果输出至两个文本框。

（6）在JavaScript代码的最后，通过调用findDimensions ( )函数，完成整个操作。

李云泽 2009-03-06 16:37 发表评论

JS遮罩效果（很强）

李云泽 — Fri, 06 Mar 2009 02:30:00 GMT

//
/*
| -------------------------------------------------------------------
| Dialog 浮动提示框发布版本3 【功能说明】
| -------------------------------------------------------------------
| 支持浏览器 FF, IE, OP
| 支持拖动，自定义标题，宽度，高度，内容。
| 自定义按钮是否显示，确定，取消，关闭。
| 支持打开新窗口，支持嵌入网页。
| IE,下对Select完整遮罩
|
| -------------------------------------------------------------------
| Dialog 浮动提示框发布版本3 【使用方法】
| -------------------------------------------------------------------
| 在需要使用的页面中，最下面前加入脚本
|
| 目前暂时只能这么做，背景遮罩将失去效果
|
| 调用提示框的脚本是 new dialog().event();
|
*/

//检测浏览器
var userAgent = navigator.userAgent.toLowerCase();
var is_opera = userAgent.indexOf('opera') != -1 && opera.version();
var is_moz = (navigator.product == 'Gecko') && userAgent.substr(userAgent.indexOf('firefox') + 8, 3);
var is_ie = (userAgent.indexOf('msie') != -1 && !is_opera) && userAgent.substr(userAgent.indexOf('msie') + 5, 3);

function dialog(){
//设置提示框默认标题,宽度，高度，边框颜色
var title      = '系统提示信息';
var width      = 520;
var height     = 320;
var bodercolor = "#000";

//设置提示框标题背景颜色，字体颜色，字体形状
var titlebgcolor = "#DAf998";
var titlefontcolor = "#666";
var titlefontweight = "bold";

//设置提示框内容背景颜色，字体颜色
var bodybgcolor = "#fff";
var bodyfontcolor = "#000";

//默认阴影颜色,透明度(0-100),阴影宽度，高度
var ShadowColor = "#000";
var ShadowOpacity = 60;
var ShadowWdith = 6;
var ShadowHeight = 6;

//背景遮罩层,最小透明度(0-100)、最大透明度(0-100)、增加减少数(0-100),运行速度(1000=1秒)
var ScreenOverSwitch       = 1;
var ScreenOverBgColor      = "#7799ff";
var ScreenOverOpacityMin   = 0;
var ScreenOverOpacityMax   = 40;
var ScreenOverOpacitySpeed = 5;
var ScreenOverOpacitySleep = 50;

//图片浏览盒最小宽度、高度
var ImageViewBoxWidthMin = 500;
var ImageViewBoxHeightMin = 500;

//页面默认滚动条状态
var bodyoverflow = "hidden";

//展示图片状态
var zoomobj = Array()

//默认按钮设置（确认，取消）
var sFunc = ' ';

//默认关闭按钮
var sClose = '';

//设置初始提示框内容
var sBody = '\

\
    \
    \
     \
     \
     \
    \
    \
    \
    \




' + sFunc + '

\
';

//设置初始提示框框架
var sBox = '\

\
    \
    \
     \
    \
    \
     \
    \
   \
   \

\
';

//自定义$函数，方便使用 document.getElementById()
//参数一(_sId)：对象ID名称
function $(_sId){return document.getElementById(_sId)}

//显示提示框
//无参数
this.show = function(){
   //判断提示框是否存在，不存在则初始化
   $('dialogBodyBox') ? function(){} : this.init();

   if(ScreenOverSwitch){
    //显示背景遮罩
    this.showSO();
   }else{
    this.showSO(1,1);
   }

   //显示提示框
   this.middle('dialogBox');

   //显示提示框阴影
   this.shadow();
}

//重置提示框内容，隐藏遮罩
//无参数
this.reset = function(){
   //关闭提示框
   $('dialogBox').style.display='none';

   //关闭阴影
   $('dialogBoxShadow').style.display = "none";

   //关闭IE屏蔽,用来屏蔽SELECT
   $('dialogBoxHideIFrame').style.display = "none";

   //初始化提示框内容
   $('dialogBody').innerHTML = sBody;

   if(ScreenOverSwitch){
    //隐藏背景遮罩
    this.hideSO();
   }else{
    this.hideSO(1,1);
   }

   //设置提示框按钮，1显示，0隐藏
   $('dialogOk').style.display = 'block';
   $('dialogCancel').style.display = 'block';
   $('dialogBoxClose').style.display = 'block';
}

//设置提示框内容,刷新提示框
//参数一(_sHtml)：提示框内容可以是HTML
this.html = function(_sHtml){
   //设置提示框内容
   $("dialogBody").innerHTML = _sHtml;

   //显示提示框(重复使用，等于刷新)
   this.show();
}

//初始化提示框
//无参数
this.init = function(){
   //检测是否存在提示框容器，存在则移除
   $('dialogCase') ? $('dialogCase').parentNode.removeChild($('dialogCase')) : function(){};

   //创建提示框容器
   var oDiv = document.createElement('span');

   //设置容器ID
   oDiv.id = "dialogCase";

   //放入提示框框架
   oDiv.innerHTML = sBox;

   //将容器+如页面
   document.body.appendChild(oDiv);

   //重置提示框内容
   this.reset();
}

//显示提示框阴影
//无参数
this.shadow = function(){
   //获取阴影层属性
   var oShadow = $('dialogBoxShadow');

   //获取提示框属性
   var oDialog = $('dialogBox');

   //获取IE屏蔽层属性
   var oIFrame = $('dialogBoxHideIFrame');

   //设置阴影属性
   oShadow['style']['position'] = "absolute";
   oShadow['style']['background'] = ShadowColor;
   oShadow['style']['display'] = "";
   oShadow['style']['opacity'] = parseInt(ShadowOpacity)/100;
   oShadow['style']['filter'] = "alpha(opacity="+ShadowOpacity+")";
   oShadow['style']['top'] = oDialog.offsetTop + ShadowHeight + "px";
   oShadow['style']['left'] = oDialog.offsetLeft + ShadowWdith + "px";
   oShadow['style']['width'] = oDialog.offsetWidth + "px";
   oShadow['style']['height'] = oDialog.offsetHeight + "px";

   //设置IE屏蔽层属性
   oIFrame['style']['display'] = "";
   oIFrame['style']['position'] = "absolute";
   oIFrame['style']['top'] = oDialog.offsetTop + "px";
   oIFrame['style']['left'] = oDialog.offsetLeft + "px";
   oIFrame['style']['width'] = oDialog.offsetWidth + "px";
   oIFrame['style']['height'] = oDialog.offsetHeight + "px";

   //设置阴影层背景颜色
   var editor;
   editor = $("ShadowHideIFrame").contentWindow;

   // 针对IE浏览器, 可编辑
   editor.document.designMode = 'on';
   editor.document.contentEditable = true;

   // 兼容 FireFox, 打开并写入
   editor.document.open();
   editor.document.writeln('');
   editor.document.close();
}

//嵌入打开网页
//参数一(_sUrl)：嵌入网页地址
//参数二(_sMode)：滚动条模式（值: no, yes, auto）
//参数三()：      提示框标题
//参数四()：      提示框宽度
//参数五()：      提示框高度
this.open = function(_sUrl, _sMode){
   //获取隐藏参数内容，标题，宽度，高度，如果空，则使用默认
   var _sTitle=arguments[2]?arguments[2]:title;
   var _sWidth=arguments[3]?arguments[3]:width;
   var _sHeight=arguments[4]?arguments[4]:height;

   //设置提示框属性
   this.set('title',_sTitle);
   this.set('width',_sWidth);
   this.set('height',_sHeight);

   //显示提示框
   this.show();

   //嵌入网页
   $("dialogBody").innerHTML = "";

   //设置网页地址
   $("dialogFrame").src = _sUrl;
}

//打开新窗口(居中且只有标题栏，不含工具栏，菜单栏等)
//参数一(_sUrl)：   网页地址
//参数一(_iWidth)：窗口宽度
//参数一(_iHeight)：窗口高度
//参数四(_sMode)：滚动条模式（值: no, yes, auto）
this.showWindow = function(_sUrl, _iWidth, _iHeight, _sMode){
   var oWindow;
   //获取窗口居中位置
   var sLeft = (screen.width) ? (screen.width - _iWidth)/2 : 0;
   var sTop = (screen.height) ? (screen.height - _iHeight)/2 : 0;

   //打开新窗口
   oWindow = window.open(_sUrl, '', 'height=' + _iHeight + ', width=' + _iWidth + ', top=' + sTop + ', left=' + sLeft + ', toolbar=no, menubar=no, scrollbars=' + _sMode + ', resizable=no,location=no, status=no');
}

//调用提示框
//参数一(_sMsg)：   提示信息
//参数二(_sOk)：    是否显示“确认”按钮(显示：1，不显示:0)
//参数三(_sCancel)：是否显示“取消”按钮(显示：1，不显示:0)
//参数四(_sClose)：是否显示“关闭”按钮(显示：1，不显示:0)
//参数五()：        提示框标题
//参数六()：        提示框宽度
//参数七()：        提示框高度
this.event = function(_sMsg, _sOk, _sCancel, _sClose){
   //写入确认，取消按钮
   $('dialogFunc').innerHTML = sFunc;

   //写入关闭按钮
   $('dialogClose').innerHTML = sClose;

   //如果提示信息层不存在，则写入提示信息层
   $('dialogBodyBox') == null ? $('dialogBody').innerHTML = sBody : function(){};

   //写入提示信息
   $('dialogMsg') ? $('dialogMsg').innerHTML = _sMsg : function(){};

   //获取隐藏参数内容，标题，宽度，高度，如果空，则使用默认
   var _sTitle=arguments[4]?arguments[4]:title;
   var _sWidth=arguments[5]?arguments[5]:width;
   var _sHeight=arguments[6]?arguments[6]:height;

   //设置提示框
   this.set('title',_sTitle);
   this.set('width',_sWidth);
   this.set('height',_sHeight);

   //设置提示框按钮，1显示，0隐藏
   _sOk ? $('dialogOk').focus() : $('dialogOk').style.display = 'none';
   _sCancel ? function(){} : $('dialogCancel').style.display = 'none';
   _sClose ? function(){} : $('dialogBoxClose').style.display = 'none';

   //显示提示框
   this.show();
}

//嵌入打开网页
//参数一(_sImage)：图片ID
//参数二()：        图片名称
this.imageview = function(_sImage){
   $("HideImage").src = _sImage.src;

   //获取隐藏参数内容，标题，宽度，高度，如果空，则使用默认
   var _sTitle=arguments[1]?arguments[1]:" ";
   var _sWidth=$("HideImage").width;
   var _sHeight=$("HideImage").height;

   if(_sHeight>document.body.clientHeight){
    _sHeight = document.body.clientHeight-30-ShadowHeight;
   }

   //设置提示框属性
   this.set('title',_sTitle);
   this.set('width',_sWidth);
   this.set('height',_sHeight);

   //显示提示框
   this.show();

   //嵌入图片
   $("dialogBody").innerHTML = '';
   this.set('width',$("ViewImage").width);

   //获取图片浏览最大值
   zoomobj['zimginfo'] = [parseInt($("ViewImage").width), parseInt($("ViewImage").height)]

   //检测浏览器，赋予滚轮事件
   if(is_ie){
    $('ViewImage').onmousewheel = this.imgzoom;
   } else {
    $('ViewImage').addEventListener("DOMMouseScroll", this.imgzoom, false);
   }
}

//图片预览大小缩放
this.imgzoom = function(event){
   //获取窗口事件
   oEvent = window.event ? window.event : event;

   //检测滚轮
   if(oEvent.wheelDelta <= 0 || oEvent.detail > 0) {
    if(parseInt($('ViewImage').height) <= parseInt(ImageViewBoxHeightMin)) {
     $('ViewImage').height = parseInt(ImageViewBoxHeightMin);
    }else{
     $('ViewImage').height -= parseInt(zoomobj['zimginfo'][1] / 5);
    }
   } else {
    if(parseInt($('ViewImage').height) >= parseInt(zoomobj['zimginfo'][1])) {
     $('ViewImage').height = parseInt(zoomobj['zimginfo'][1]);
    }else{
     $('ViewImage').height += parseInt(zoomobj['zimginfo'][1] / 5);
    }
   }

   //获取阴影层，提示框，提示框高度，IE遮罩层
   var oShadow = $('dialogBoxShadow');
   var oDialog = $('dialogBox');
   var oHeight = $('dialogHeight');
   var oHFrame = $('dialogBoxHideIFrame');

   //重置提示框属性
   oDialog['style']['width'] = parseInt($('ViewImage').width)+'px';
   oHeight['style']['height'] = parseInt($('ViewImage').height)+'px';

   //重置提示框位置
   oDialog['style']['position'] = "absolute";
   oDialog['style']['left'] = (document.body.clientWidth / 2) - (oDialog.offsetWidth / 2) + "px";
   oDialog['style']['top'] = (document.body.clientHeight / 2 + document.body.scrollTop) - (oDialog.offsetHeight / 2) + "px";

   //重置阴影位置
   oShadow['style']['opacity'] = parseInt(ShadowOpacity)/100;
   oShadow['style']['filter'] = "alpha(opacity="+ShadowOpacity+")";
   oShadow['style']['top']     = parseInt(oDialog.offsetTop) + ShadowHeight + "px";
   oShadow['style']['left']    = parseInt(oDialog.offsetLeft) + ShadowWdith + "px";
   oShadow['style']['width']   = parseInt(oDialog.offsetWidth) + "px";
   oShadow['style']['height'] = parseInt(oDialog.offsetHeight) + "px";

   //重置IE屏蔽层位置
   oHFrame['style']['left']    = parseInt(oDialog.offsetLeft) + "px";
   oHFrame['style']['top']     = parseInt(oDialog.offsetTop) + "px";
   oHFrame['style']['width']   = parseInt(oDialog.offsetWidth) + "px";
   oHFrame['style']['height'] = parseInt(oDialog.offsetHeight) + "px";

}

//提示框设置
//参数一(_oAttr)：   设置项名称
//参数二(_sVal)：    设置内容
this.set = function(_oAttr, _sVal){

   //获取阴影层，提示框，提示框高度，IE遮罩层
   var oShadow = $('dialogBoxShadow');
   var oDialog = $('dialogBox');
   var oHeight = $('dialogHeight');
   var oHFrame = $('dialogBoxHideIFrame')

   //设置内容不为空
   if(_sVal != ''){
    //判断项名称
    switch(_oAttr){
     //设置标题
     case 'title':
      $('dialogBoxTitle').innerHTML = _sVal;
      title = _sVal;
      break;

     //设置提示框宽
     case 'width':
      oDialog['style']['width'] = _sVal+'px';
      width = _sVal;
      break;

     //设置提示框高
     case 'height':
      oHeight['style']['height'] = _sVal+'px';
      height = _sVal;
      break;

     //设置遮罩层状态
     case 'ScreenOverSwitch':
      ScreenOverSwitch = _sVal;
      break;

     //设置提示框遮罩层颜色
     case 'ScreenOverBgColor':
      ScreenOverBgColor = _sVal;
      break;

     //设置阴影颜色
     case 'shadowcolor':
      oShadow['style']['background'] = _sVal;
      //设置阴影层背景颜色
      var editor;
      editor = $("ShadowHideIFrame").contentWindow;

      // 针对IE浏览器, 可编辑
      editor.document.designMode = 'on';
      editor.document.contentEditable = true;

      // 兼容 FireFox, 打开并写入
      editor.document.open();
      editor.document.writeln('');
      editor.document.close();
      ShadowColor = _sVal;
      break;

     //设置阴影透明度
     case 'shadowopacity':
      ShadowOpacity = _sVal;
      break;

     //设置阴影宽度
     case 'shadowwdith':
      ShadowWdith = _sVal;
      break;

     //设置阴影高度
     case 'shadowheight':
      ShadowHeight = _sVal;
      break;
    }
   }

   //刷新提示框
   this.middle('dialogBox');

   //重置阴影位置
   oShadow['style']['opacity'] = parseInt(ShadowOpacity)/100;
   oShadow['style']['filter'] = "alpha(opacity="+ShadowOpacity+")";
   oShadow['style']['top']     = oDialog.offsetTop + ShadowHeight + "px";
   oShadow['style']['left']    = oDialog.offsetLeft + ShadowWdith + "px";
   oShadow['style']['width']   = oDialog.offsetWidth + "px";
   oShadow['style']['height'] = oDialog.offsetHeight + "px";

   //重置IE屏蔽层位置
   oHFrame['style']['left']    = oDialog.offsetLeft + "px";
   oHFrame['style']['top']     = oDialog.offsetTop + "px";
   oHFrame['style']['width']   = oDialog.offsetWidth + "px";
   oHFrame['style']['height'] = oDialog.offsetHeight + "px";
}

//拖动提示框
//参数一(event)：   点击事件，使用的时候赋值event就可以
//参数二(_sId)：    拖动对象ID
this.moveStart = function (event, _sId){
   //获取拖动对象
   var oObj = $(_sId);

   //赋予对象拖动操作
   oObj.onmousemove = mousemove;
   oObj.onmouseup = mouseup;

   //捕获鼠标移动
   oObj.setCapture ? oObj.setCapture() : function(){};

   //获取窗口事件
   var oEvent = window.event ? window.event : event;

   //保留鼠标位置
   var dragData = {x : oEvent.clientX, y : oEvent.clientY};

   //保留对象位置
   var backData = {x : parseInt(oObj.style.top), y : parseInt(oObj.style.left)};

   //鼠标移动
   function mousemove(event){
    //获取窗口事件
    oEvent = window.event ? window.event : event;

    //计算提示框位置
    var iLeft = oEvent.clientX - dragData["x"] + parseInt(oObj.style.left);
    var iTop = oEvent.clientY - dragData["y"] + parseInt(oObj.style.top);

    //设置提示框位置
    oObj.style.left = iLeft + "px";
    oObj.style.top = iTop + "px";

    //设置IE屏蔽层位置
    $('dialogBoxHideIFrame').style.left = iLeft + "px";
    $('dialogBoxHideIFrame').style.top = iTop + "px";

    //设置阴影位置
    $('dialogBoxShadow').style.left = iLeft + ShadowWdith + "px";
    $('dialogBoxShadow').style.top = iTop + ShadowHeight + "px";

    //刷新保留鼠标位置
    dragData = {x: oEvent.clientX, y: oEvent.clientY};
   }

   //鼠标键抬起
   function mouseup(event){
    //获取窗口事件
    oEvent = window.event ? window.event : event;

    //清除对象拖动操作
    oObj.onmousemove = null;
    oObj.onmouseup = null;

    //如果鼠标是否超出浏览器范围
    if(oEvent.clientX < 1 || oEvent.clientY < 1 || oEvent.clientX > document.body.clientWidth || oEvent.clientY > document.body.clientHeight){
     //还原提示框位置
     oObj.style.left = backData.y + "px";
     oObj.style.top = backData.x + "px";

     //还原IE屏蔽层位置
     $('dialogBoxHideIFrame').style.left = backData.y + "px";
     $('dialogBoxHideIFrame').style.top = backData.x + "px";

     //还原阴影位置
     $('dialogBoxShadow').style.left = backData.y + ShadowWdith + "px";
     $('dialogBoxShadow').style.top = backData.x + ShadowHeight + "px";
    }

    //关闭捕获鼠标移动
    oObj.releaseCapture ? oObj.releaseCapture() : function(){};
   }
}

//显示背景遮罩层
//参数一()：    设置最小透明度，空则使用默认(0-100)
//参数二()：    设置最大透明度，空则使用默认(0-100)
//参数三()：    设置逐步增加数值(0-100)
//参数四()：    设置运行速度(1000=1秒)
this.showSO = function(){
   //获取背景遮罩层属性
   var objScreen = $("ScreenOver");

   //如果背景遮罩层不存在则创建
   if(!objScreen) var objScreen = document.createElement("div");

   //设置背景遮罩层ID
   objScreen.id = "ScreenOver";

   //获取背景遮罩层样式
   var oS = objScreen.style;

   //隐藏页面滚动条
   document.body.style.overflow="hidden";

   //获取屏幕宽度，高度
   if (document.body.clientHeight) {
    var ww = document.body.clientWidth + "px";
    var wh = document.body.clientHeight + "px";
   }else if (window.innerHeight){
    var ww = window.innerWidth + "px";
    var wh = window.innerHeight + "px";
   }else{
    var ww = "100%";
    var wh = "100%";
   }

   //设置背景遮罩曾
   oS.display = "block";
   oS.top = oS.left = oS.margin = oS.padding = "0px";
   oS.width = ww;
   oS.height = wh;
   oS.position = "absolute";
   oS.zIndex = "98";
   oS.top=document.body.scrollTop + "px";
   oS.background = ScreenOverBgColor;
   oS.filter = "alpha(opacity=0)";
   oS.opacity = 0;
   oS.MozOpacity = 0;

   //加入页面
   document.body.appendChild(objScreen);

   //获取所有select控件
   var allselect = document.getElementsByTagName("select");
   var i=0;

   //设置所有select控件无效，变暗
   for (i=0; i    allselect[i].disabled = true;
    allselect[i].style.background="#aaa";
   }

   //获取隐藏参数，最小透明度(0-100)、最大透明度(0-100)、增加减少数(0-100),运行速度(1000=1秒)
   var opacity_min = arguments[0]?arguments[0]:ScreenOverOpacityMin;
   var opacity_max = arguments[1]?arguments[1]:ScreenOverOpacityMax;
   var opacity_speed = arguments[2]?arguments[2]:ScreenOverOpacitySpeed;
   var opacity_sleep = arguments[3]?arguments[3]:ScreenOverOpacitySleep;
   var opacity = parseInt(opacity_min);

   //显示背景遮罩层
   function showscreenover(){
    //设置背景遮罩层透明度
    $('ScreenOver').style.filter="alpha(opacity="+opacity+")";
    $('ScreenOver').style.opacity=opacity/100;
    $('ScreenOver').style.MozOpacity=opacity/100;

    //如果没有到最大透明度
    if(opacity     //减低透明，间隔后再运行
     opacity=opacity+parseInt(opacity_speed);
     setTimeout(showscreenover,parseInt(opacity_sleep));
    }
   }
   showscreenover();
}

//隐藏背景遮罩层
//参数一()：    设置最小透明度，空则使用默认(0-100)
//参数二()：    设置最大透明度，空则使用默认(0-100)
//参数三()：    设置逐步增加数值(0-100)
//参数四()：    设置运行速度(1000=1秒)
this.hideSO = function(){
   //获取隐藏参数，最小透明度(0-100)、最大透明度(0-100)、增加减少数(0-100),运行速度(1000=1秒)
   var opacity_min = arguments[0]?arguments[0]:ScreenOverOpacityMin;
   var opacity_max = arguments[1]?arguments[1]:ScreenOverOpacityMax;
   var opacity_speed = arguments[2]?arguments[2]:ScreenOverOpacitySpeed;
   var opacity_sleep = arguments[3]?arguments[3]:ScreenOverOpacitySleep;
   var opacity = parseInt(opacity_max);

   //获取背景遮罩层属性
   var objScreen=$("ScreenOver");

   //如果背景遮罩层不存在则建立
   if(!objScreen) var objScreen = document.createElement("div");

   //设置背景遮罩层ID
   objScreen.id = "ScreenOver";

   //加入页面
   document.body.appendChild(objScreen);

   //隐藏背景遮罩层
   function hiddenscreenover(){
    //设置背景遮罩层透明度
    $('ScreenOver').style.filter="alpha(opacity="+opacity+")";
    $('ScreenOver').style.opacity=opacity/100;
    $('ScreenOver').style.MozOpacity=opacity/100;

    //如果未达到最小透明度
    if(opacity>parseInt(opacity_min)){
     //加大透明，间隔后再运行
     opacity=opacity-parseInt(opacity_speed);
     setTimeout(hiddenscreenover,parseInt(opacity_sleep));
    }else{
     //如果达到最小透明度
     //移除背景遮罩层
     document.body.removeChild(objScreen);

     //恢复页面滚动条状态
     document.body.style.overflow=bodyoverflow;

     //获取所有select控件
     var allselect = document.getElementsByTagName("select");
     for (var i=0; i      //设置所有select控件有效,还原颜色
      allselect[i].disabled = false;
      allselect[i].style.background="#fff";
     }
    }
   }
   hiddenscreenover();
}

//设置提示框属性
this.middle = function(_sId){
   //设置提示框属性，并调整位置，居中
   $(_sId)['style']['display'] = '';
   $(_sId)['style']['position'] = "absolute";
   $(_sId)['style']['left'] = (document.body.clientWidth / 2) - ($(_sId).offsetWidth / 2) + "px";
   $(_sId)['style']['top'] = (document.body.clientHeight / 2 + document.body.scrollTop) - ($(_sId).offsetHeight / 2) + "px";
}
}

李云泽 2009-03-06 10:30 发表评论

showModalDialog取得父窗口的方法

李云泽 — Tue, 17 Feb 2009 08:33:00 GMT

通常使用window.open的方式开启新窗口的话
要取得父窗口的控件，可以用window.opener来取得父窗口

然而如果使用showModalDialog的话...却无效
如果有需要的话，需要修改开启的语法以及showModalDialog中的语法

开启语法第2个参数请下self,范例如下

var rc=window.showModalDialog(strURL,self,sFeatures);

然后接着就是呼叫父窗口的语法

var pWindow=window.dialogArguments;

这样就可以取得父窗口的window对象控制了。例如：

window.dialogArguments.document.getElementsByName("processId")[0].value;

李云泽 2009-02-17 16:33 发表评论

js遍历对象属性和值

李云泽 — Tue, 17 Feb 2009 01:25:00 GMT

for(var prop in ob){
          alert(prop+" : "+ob[prop]);
        }

李云泽 2009-02-17 09:25 发表评论

遮罩层形式的弹出窗口页面

李云泽 — Sat, 20 Dec 2008 06:19:00 GMT

//显示层样例代码
function callshowmaskExample(popsrcstr){
     //弹出层赋src
  var popdivframe=document.getElementById('pop_div_tabs_frame');
    if(popdivframe){
       popdivframe.src="<%=request.getContextPath()%>/jsp/homepage/newOASMS.jsp";
       var fade_height= window.document.body.clientHeight;//遮照高度
       var div_height=250;//当前pop 高度,宽度
       var div_width=390;
      // var subframe=document.frames('south2_frame');//隐藏下方select
       showmask(fade_height,div_width,div_height,null,220,460);

    }//if
}
//callshowmaskExample("<%=request.getContextPath()%>/jsp/homepage/newOASMS.jsp");

-------------------------------------------------
//>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>弹出层 begin<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
var subframe;
/*显示层
*@paraHeight:遮照的高度,默认为首页屏幕高度
*@div_width:显示的div宽度,默认宽:350
*@div_height:显示的div高度,默认200
*@subframeobj:子页面iframe对象
*@div_top:显示的div的上方高度.2008-10-24加入
*@div_left:显示的div的左边宽度.2008-10-24加入
*/
function showmask(paraHeight,div_width,div_height,subframeobj,div_top,div_left){
    var t_light=document.getElementById('light');//显示层
    var closeButton=document.getElementById('closeButton');//关闭按钮
var t_fade=document.getElementById('fade');//遮挡背景
//var sels = document.getElementsByTagName("select");//当前页面下拉框
if (paraHeight>t_fade.style.height) t_fade.style.height=paraHeight;
if(div_width>350){
  t_light.style.width=div_width;
    t_light.style.height=div_height;
}
t_fade.style.display='block';
t_light.style.display='block';
    closeButton.style.display='block';
    //层定位
    t_light.style.left=(document.body.clientWidth/2) - (t_light.offsetWidth/2);
t_light.style.top=(document.body.clientHeight/2) - (t_light.offsetHeight/2);

if(div_top&&div_top!=null) t_light.style.top=parseInt(div_top);
if(div_left&&div_left!=null) t_light.style.left=parseInt(div_left);

    closeButton.style.left=parseInt(t_light.style.left)+parseInt(t_light.offsetWidth)-10;
    closeButton.style.top=parseInt(t_light.style.top)-10;
    //增加loading效果,调用page_load.js
    //divAddLoad(parseInt(t_light.style.left)+10,parseInt(t_light.style.top)+10,parseInt(div_width)-20,parseInt(div_height)-20);
    //获取层中iframe
    var pop_div_tabs_frame = document.getElementById("pop_div_tabs_frame");
    pop_div_tabs_frame.style.visibility="hidden";
    //判断iframe状态
    pop_div_tabs_frame.onreadystatechange=function(){fnStartInit(this)};
    //隐藏当前页面下拉框隐藏
   //for(var i=0; i    //    sels[i].style.visibility = "hidden";
    //}
    //隐藏子页面下拉框
    subframe=subframeobj;
    if(subframe){
        var subselectobj =subframe.document.getElementsByTagName("select");
       for(var i=0; i               subselectobj[i].style.visibility = "hidden";
         }
     }
}
//iframe状态判断
function   fnStartInit(obj)
{
    if(obj.readyState == "complete"){
         // divRemoveLoad();
     obj.style.visibility="visible";
    return;
        }
}
/*
*关闭层
*/
function hidemask(){
document.getElementById('light').style.display='none';
     closeButton.style.display='none';
document.getElementById('fade').style.display='none';
       if(subframe){
          //将下拉框显示
  var subselectobj = subframe.document.getElementsByTagName("select");
    for(var i=0; i           subselectobj[i].style.visibility = "visible";
         }
        divRemoveLoad();//去掉遮照
      }
}
//>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>弹出层结束<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<

李云泽 2008-12-20 14:19 发表评论

window.open 判断子窗口是否存在

李云泽 — Wed, 20 Aug 2008 08:30:00 GMT

代码:

李云泽 2008-08-20 16:30 发表评论

动态给表格增加/删除一行

李云泽 — Mon, 11 Aug 2008 01:50:00 GMT

动态给表格增加/删除一行

品名

材质

规格

价格

数量

产地

交货地

备注

发布

李云泽 2008-08-11 09:50 发表评论

可编辑的html表格

李云泽 — Mon, 04 Aug 2008 10:29:00 GMT

Power Table

First Name	Last Name	Team	Engine	Tyres	Fastest Lap	国家
Michael	Schumacher	Ferrari	Ferrari	Bridgestone	1.15.872	德国
Rubens	Barrichello	Ferrari	Ferrari	Bridgestone	1.16.760	法国
Ralph	Schumacher	Williams	BMW	Michelin	1.16.297	美国
Juan-Pablo	Montoya	Williams	BMW	Michelin	1.17.123	柬埔寨
David	Coulthard	McLaren	Mercedes	Bridgestone	1.16.423	泰国
Mika	Hakkinen	McLaren	Mercedes	Bridgestone	1.16.979	越南
Jarno	Trulli	Jordan	Honda	Bridgestone	1.16.459	菲律宾
Ricardo	Zonta	Jordan	Honda	Bridgestone	1.17.328	英国
Olivia	Panis	BAR	Honda	Bridgestone	1.16.771	蒙古
Jacques	Villeneuve	BAR	Honda	Bridgestone	1.17.035	马来西亚
Kimi	Raikkonen	Sauber	Petronas	Bridgestone	1.16.875	缅甸
Nick	Heidfeld	Sauber	Petronas	Bridgestone	1.17.165	朝鲜
Eddie	Irvine	Jaguar	Cosworth	Michelin	1.18.016	中国
Pedro	de la Rosa	Jaguar	Cosworth	Michelin	1.18.015	俄罗斯
Hugh	Gengine	Lotus	Renault	Michelin	1.15.015	韩国
Gloria	Slap	Lotus	Renault	Michelin	1.15.012	日本

( Move:

)
汉字排序：

Show Detail

李云泽 2008-08-04 18:29 发表评论

转载：js技巧收集(200多个)

李云泽 — Mon, 28 Jul 2008 03:17:00 GMT

摘要: 1.文本框焦点问题onBlur:当失去输入焦点后产生该事件onFocus:当输入获得焦点后，产生该文件Onchange:当文字值改变时，产生该事件Onselect:当文字加亮后，产生该文件李云泽 2008-07-28 11:17 发表评论

可拖动&可收缩的frame

李云泽 — Fri, 20 Jun 2008 02:08:00 GMT

可拖动&可收缩的frame

代码如下，其他木有什么好介绍的，偶连注释都懒得写了。

只需要注意一小点：用frame就不需要加了！！

mid.jsp就是中间width=8的小页面，它负责实现left.jsp的缩放。

JS部分如下：

var counter = 0; // 加个计数参数

// 伸缩 frame

function folder(){

counter++;

if(counter%2==1){ // 单数点击

parent.first.cols="0,10,*";

}else{

parent.first.cols = "260,10,*";

}

李云泽 2008-06-20 10:08 发表评论

js函数大全(转)

李云泽 — Tue, 20 May 2008 04:20:00 GMT

1.document.write(""); 输出语句
2.JS中的注释为//
3.传统的HTML文档顺序是:document->html->(head,body)
4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)
5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value)
6.一个小写转大写的JS: document.getElementById("output").value = document.getElementById("input").value.toUpperCase();
7.JS中的值类型:String,Number,Boolean,Null,Object,Function
8.JS中的字符型转换成数值型:parseInt(),parseFloat()
9.JS中的数字转换成字符型:(""+变量)
10.JS中的取字符串长度是:(length)
11.JS中的字符与字符相连接使用+号.
12.JS中的比较操作符有:==等于,!=不等于,>,>=,<.<=
13.JS中声明变量使用:var来进行声明
14.JS中的判断语句结构:if(condition){}else{}
15.JS中的循环结构:for([initial expression];[condition];[upadte expression]) {inside loop}
16.循环中止的命令是:break
17.JS中的函数定义:function functionName([parameter],...){statement[s]}
18.当文件中出现多个form表单时.可以用document.forms[0],document.forms[1]来代替.
19.窗口:打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self
20.状态栏的设置:window.status="字符";
21.弹出提示信息:window.alert("字符");
22.弹出确认框:window.confirm();
23.弹出输入提示框:window.prompt();
24.指定当前显示链接的位置:window.location.href="URL"
25.取出窗体中的所有表单的数量:document.forms.length
26.关闭文档的输出流:document.close();
27.字符串追加连接符:+=
28.创建一个文档元素:document.createElement(),document.createTextNode()
29.得到元素的方法:document.getElementById()
30.设置表单中所有文本型的成员的值为空:
var form = window.document.forms[0]
for (var i = 0; i      if (form.elements[i].type == "text"){
          form.elements[i].value = "";
      }
}
31.复选按钮在JS中判断是否选中:document.forms[0].checkThis.checked (checked属性代表为是否选中返回TRUE或FALSE)
32.单选按钮组(单选按钮的名称必须相同):取单选按钮组的长度document.forms[0].groupName.length
33.单选按钮组判断是否被选中也是用checked.
34.下拉列表框的值:document.forms[0].selectName.options[n].value (n有时用下拉列表框名称加上.selectedIndex来确定被选中的值)
35.字符串的定义:var myString = new String("This is lightsword");
36.字符串转成大写:string.toUpperCase(); 字符串转成小写:string.toLowerCase();
37.返回字符串2在字符串1中出现的位置:String1.indexOf("String2")!=-1则说明没找到.
38.取字符串中指定位置的一个字符:StringA.charAt(9);
39.取出字符串中指定起点和终点的子字符串:stringA.substring(2,6);
40.数学函数:Math.PI(返回圆周率),Math.SQRT2(返回开方),Math.max(value1,value2)返回两个数中的最在值,Math.pow(value1,10)返回value1的十次方,Math.round(value1)四舍五入函数,Math.floor (Math.random()*(n+1))返回随机数
41.定义日期型变量:var today = new Date();
42.日期函数列表:dateObj.getTime()得到时间,dateObj.getYear()得到年份, dateObj.getFullYear()得到四位的年份,dateObj.getMonth()得到月份,dateObj.getDate()得到日,dateObj.getDay()得到日期几,dateObj.getHours()得到小时,dateObj.getMinutes()得到分, dateObj.getSeconds()得到秒,dateObj.setTime(value)设置时间,dateObj.setYear(val)设置年,dateObj.setMonth(val)设置月,dateObj.setDate(val)设置日,dateObj.setDay(val)设置星期几,dateObj.setHours设置小时,dateObj.setMinutes(val)设置分,dateObj.setSeconds (val)设置秒   [注意:此日期时间从0开始计]
43.FRAME的表示方式: [window.]frames[n].ObjFuncVarName,frames["frameName"].ObjFuncVarName,frameName.ObjFuncVarName
44.parent代表父亲对象,top代表最顶端对象
45.打开子窗口的父窗口为:opener
46.表示当前所属的位置:this
47.当在超链接中调用JS函数时用:(javascript:)来开头后面加函数名
48.在老的浏览器中不执行此JS:
49.引用一个文件式的JS:
50.指定在不支持脚本的浏览器显示的HTML:
51.当超链和ONCLICK事件都有时,则老版本的浏览器转向a.html,否则转向b.html.例:dfsadf
52.JS的内建对象有:Array,Boolean,Date,Error,EvalError,Function,Math,Number, Object,RangeError,ReferenceError,RegExp,String,SyntaxError,TypeError,URIError
53.JS中的换行:\n
54.窗口全屏大小:
55.JS中的all代表其下层的全部元素

56.JS中的焦点顺序:document.getElementByid("表单元素").tabIndex = 1
57.innerHTML的值是表单元素的值:如

"how are you< /em>"

,则innerHTML的值就是:how are you
58.innerTEXT的值和上面的一样,只不过不会把这种标记显示出来.
59.contentEditable可设置元素是否可被修改,isContentEditable返回是否可修改的状态.
60.isDisabled判断是否为禁止状态.disabled设置禁止状态
61.length取得长度,返回整型数值
62.addBehavior()是一种JS调用的外部函数文件其扩展名为.htc
63.window.focus()使当前的窗口在所有窗口之前.
64.blur()指失去焦点.与FOCUS()相反.
65.select()指元素为选中状态.
66.防止用户对文本框中输入文本:onfocus="this.blur()"
67.取出该元素在页面中出现的数量:document.all.tags("div(或其它HTML标记符)").length
68.JS中分为两种窗体输出:模态和非模态.window.showModaldialog(),window.showModeless()
69.状态栏文字的设置:window.status='文字',默认的状态栏文字设置:window.defaultStatus = '文字.';
70.添加到收藏夹:external.AddFavorite("http://www.dannyg.com","jaskdlf");
71.JS中遇到脚本错误时不做任何操作:window.onerror = doNothing; 指定错误句柄的语法为:window.onerror = handleError;
72.JS中指定当前打开窗口的父窗口:window.opener,支持opener.opener...的多重继续.
73.JS中的self指的是当前的窗口
74.JS中状态栏显示内容:window.status="内容"
75.JS中的top指的是框架集中最顶层的框架
76.JS中关闭当前的窗口:window.close();
77.JS中提出是否确认的框:if(confirm("Are you sure?")){alert("ok");}else{alert("Not Ok");}
78.JS中的窗口重定向:window.navigate("http://www.sina.com.cn");
79.JS中的打印:window.print()
80.JS中的提示输入框:window.prompt("message","defaultReply");
81.JS中的窗口滚动条:window.scroll(x,y)
82.JS中的窗口滚动到位置:window.scrollby
83.JS中设置时间间隔:setInterval("expr",msecDelay)或setInterval(funcRef,msecDelay)或setTimeout
84.JS中的模态显示在IE4+行,在NN中不行:showModalDialog("URL"[,arguments][,features]);
85.JS中的退出之前使用的句柄:function verifyClose(){event.returnValue= "we really like you and hope you will stay longer.";}} window.onbeforeunload=verifyClose;
86.当窗体第一次调用时使用的文件句柄:onload()
87.当窗体关闭时调用的文件句柄:onunload()
88.window.location的属性: protocol(http:),hostname(www.example.com),port(80),host(www.example.com:80),pathname("/a/a.html"),hash("#giantGizmo",指跳转到相应的锚记),href(全部的信息)
89.window.location.reload()刷新当前页面.
89-1.parent.location.reload()刷新父亲对象（用于框架）
89-2.opener.location.reload()刷新父窗口对象（用于单开窗口）
89-3.top.location.reload()刷新最顶端对象（用于多开窗口）
90.window.history.back()返回上一页,window.history.forward()返回下一页,window.history.go(返回第几页,也可以使用访问过的URL)
91.document.write()不换行的输出,document.writeln()换行输出
92.document.body.noWrap=true;防止链接文字折行.
93.变量名.charAt(第几位),取该变量的第几位的字符.
94."abc".charCodeAt(第几个),返回第几个字符的ASCii码值.
95.字符串连接:string.concat(string2),或用+=进行连接
96.变量.indexOf("字符",起始位置),返回第一个出现的位置(从0开始计算)
97.string.lastIndexOf(searchString[,startIndex])最后一次出现的位置.
98.string.match(regExpression),判断字符是否匹配.
99.string.replace(regExpression,replaceString)替换现有字符串.
100.string.split(分隔符)返回一个数组存储值.
101.string.substr(start[,length])取从第几位到指定长度的字符串.
102.string.toLowerCase()使字符串全部变为小写.
103.string.toUpperCase()使全部字符变为大写.
104.parseInt(string[,radix(代表进制)])强制转换成整型.
105.parseFloat(string[,radix])强制转换成浮点型.
106.isNaN(变量):测试是否为数值型.
107.定义常量的关键字:const,定义变量的关键字:var

李云泽 2008-05-20 12:20 发表评论

javascript 身份证验证

李云泽 — Tue, 06 May 2008 08:32:00 GMT

"http://www.w3.org/TR/html4/loose.dtd">

无标题文档

李云泽 2008-05-06 16:32 发表评论

js日期时间函数(经典＋完善＋实用)

李云泽 — Wed, 26 Dec 2007 06:42:00 GMT

关键字: js 日期时间函数

来自http://new.dlgzy.com/bbs/show.asp?id=42&bd=8&totable=1
日期时间脚本库方法列表

Date.prototype.isLeapYear 判断闰年
Date.prototype.Format 日期格式化
Date.prototype.DateAdd 日期计算
Date.prototype.DateDiff 比较日期差
Date.prototype.toString 日期转字符串
Date.prototype.toArray 日期分割为数组
Date.prototype.DatePart 取日期的部分信息
Date.prototype.MaxDayOfDate 取日期所在月的最大天数
Date.prototype.WeekNumOfYear 判断日期所在年的第几周
StringToDate 字符串转日期型
IsValidDate 验证日期有效性
CheckDateTime 完整日期时间检查
daysBetween 日期天数差

js 代码

//---------------------------------------------------
// 判断闰年
//---------------------------------------------------
Date.prototype.isLeapYear = function()
{
return (0==this.getYear()%4&&((this.getYear()%100!=0)||(this.getYear()%400==0)));
}
//---------------------------------------------------
// 日期格式化
// 格式 YYYY/yyyy/YY/yy 表示年份
// MM/M 月份
// W/w 星期
// dd/DD/d/D 日期
// hh/HH/h/H 时间
// mm/m 分钟
// ss/SS/s/S 秒
//---------------------------------------------------
Date.prototype.Format = function(formatStr)
{
var str = formatStr;
var Week = ['日','一','二','三','四','五','六'];
str=str.replace(/yyyy|YYYY/,this.getFullYear());
str=str.replace(/yy|YY/,(this.getYear() % 100)>9?(this.getYear() % 100).toString():'0' + (this.getYear() % 100));
str=str.replace(/MM/,this.getMonth()>9?this.getMonth().toString():'0' + this.getMonth());
str=str.replace(/M/g,this.getMonth());
str=str.replace(/w|W/g,Week[this.getDay()]);
str=str.replace(/dd|DD/,this.getDate()>9?this.getDate().toString():'0' + this.getDate());
str=str.replace(/d|D/g,this.getDate());
str=str.replace(/hh|HH/,this.getHours()>9?this.getHours().toString():'0' + this.getHours());
str=str.replace(/h|H/g,this.getHours());
str=str.replace(/mm/,this.getMinutes()>9?this.getMinutes().toString():'0' + this.getMinutes());
str=str.replace(/m/g,this.getMinutes());
str=str.replace(/ss|SS/,this.getSeconds()>9?this.getSeconds().toString():'0' + this.getSeconds());
str=str.replace(/s|S/g,this.getSeconds());
return str;
}
//+---------------------------------------------------
//| 求两个时间的天数差日期格式为 YYYY-MM-dd
//+---------------------------------------------------
function daysBetween(DateOne,DateTwo)
{
var OneMonth = DateOne.substring(5,DateOne.lastIndexOf ('-'));
var OneDay = DateOne.substring(DateOne.length,DateOne.lastIndexOf ('-')+1);
var OneYear = DateOne.substring(0,DateOne.indexOf ('-'));
var TwoMonth = DateTwo.substring(5,DateTwo.lastIndexOf ('-'));
var TwoDay = DateTwo.substring(DateTwo.length,DateTwo.lastIndexOf ('-')+1);
var TwoYear = DateTwo.substring(0,DateTwo.indexOf ('-'));
var cha=((Date.parse(OneMonth+'/'+OneDay+'/'+OneYear)- Date.parse(TwoMonth+'/'+TwoDay+'/'+TwoYear))/86400000);
return Math.abs(cha);
}
//+---------------------------------------------------
//| 日期计算
//+---------------------------------------------------
Date.prototype.DateAdd = function(strInterval, Number) {
var dtTmp = this;
switch (strInterval) {
case 's' :return new Date(Date.parse(dtTmp) + (1000 * Number));
case 'n' :return new Date(Date.parse(dtTmp) + (60000 * Number));
case 'h' :return new Date(Date.parse(dtTmp) + (3600000 * Number));
case 'd' :return new Date(Date.parse(dtTmp) + (86400000 * Number));
case 'w' :return new Date(Date.parse(dtTmp) + ((86400000 * 7) * Number));
case 'q' :return new Date(dtTmp.getFullYear(), (dtTmp.getMonth()) + Number*3, dtTmp.getDate(), dtTmp.getHours(), dtTmp.getMinutes(), dtTmp.getSeconds());
case 'm' :return new Date(dtTmp.getFullYear(), (dtTmp.getMonth()) + Number, dtTmp.getDate(), dtTmp.getHours(), dtTmp.getMinutes(), dtTmp.getSeconds());
case 'y' :return new Date((dtTmp.getFullYear() + Number), dtTmp.getMonth(), dtTmp.getDate(), dtTmp.getHours(), dtTmp.getMinutes(), dtTmp.getSeconds());
}
}
//+---------------------------------------------------
//| 比较日期差 dtEnd 格式为日期型或者有效日期格式字符串
//+---------------------------------------------------
Date.prototype.DateDiff = function(strInterval, dtEnd) {
var dtStart = this;
if (typeof dtEnd == 'string' )//如果是字符串转换为日期型
{
dtEnd = StringToDate(dtEnd);
}
switch (strInterval) {
case 's' :return parseInt((dtEnd - dtStart) / 1000);
case 'n' :return parseInt((dtEnd - dtStart) / 60000);
case 'h' :return parseInt((dtEnd - dtStart) / 3600000);
case 'd' :return parseInt((dtEnd - dtStart) / 86400000);
case 'w' :return parseInt((dtEnd - dtStart) / (86400000 * 7));
case 'm' :return (dtEnd.getMonth()+1)+((dtEnd.getFullYear()-dtStart.getFullYear())*12) - (dtStart.getMonth()+1);
case 'y' :return dtEnd.getFullYear() - dtStart.getFullYear();
}
}
//+---------------------------------------------------
//| 日期输出字符串，重载了系统的toString方法
//+---------------------------------------------------
Date.prototype.toString = function(showWeek)
{
var myDate= this;
var str = myDate.toLocaleDateString();
if (showWeek)
{
var Week = ['日','一','二','三','四','五','六'];
str += ' 星期' + Week[myDate.getDay()];
}
return str;
}
//+---------------------------------------------------
//| 日期合法性验证
//| 格式为：YYYY-MM-DD或YYYY/MM/DD
//+---------------------------------------------------
function IsValidDate(DateStr)
{
var sDate=DateStr.replace(/(^\s+|\s+$)/g,''); //去两边空格;
if(sDate=='') return true;
//如果格式满足YYYY-(/)MM-(/)DD或YYYY-(/)M-(/)DD或YYYY-(/)M-(/)D或YYYY-(/)MM-(/)D就替换为''
//数据库中，合法日期可以是:YYYY-MM/DD(2003-3/21),数据库会自动转换为YYYY-MM-DD格式
var s = sDate.replace(/[\d]{ 4,4 }[\-/]{ 1 }[\d]{ 1,2 }[\-/]{ 1 }[\d]{ 1,2 }/g,'');
if (s=='') //说明格式满足YYYY-MM-DD或YYYY-M-DD或YYYY-M-D或YYYY-MM-D
{
var t=new Date(sDate.replace(/\-/g,'/'));
var ar = sDate.split(/[-/:]/);
if(ar[0] != t.getYear() || ar[1] != t.getMonth()+1 || ar[2] != t.getDate())
{
//alert('错误的日期格式！格式为：YYYY-MM-DD或YYYY/MM/DD。注意闰年。');
return false;
}
}
else
{
//alert('错误的日期格式！格式为：YYYY-MM-DD或YYYY/MM/DD。注意闰年。');
return false;
}
return true;
}
//+---------------------------------------------------
//| 日期时间检查
//| 格式为：YYYY-MM-DD HH:MM:SS
//+---------------------------------------------------
function CheckDateTime(str)
{
var reg = /^(\d+)-(\d{ 1,2 })-(\d{ 1,2 }) (\d{ 1,2 }):(\d{ 1,2 }):(\d{ 1,2 })$/;
var r = str.match(reg);
if(r==null)return false;
r[2]=r[2]-1;
var d= new Date(r[1],r[2],r[3],r[4],r[5],r[6]);
if(d.getFullYear()!=r[1])return false;
if(d.getMonth()!=r[2])return false;
if(d.getDate()!=r[3])return false;
if(d.getHours()!=r[4])return false;
if(d.getMinutes()!=r[5])return false;
if(d.getSeconds()!=r[6])return false;
return true;
}
//+---------------------------------------------------
//| 把日期分割成数组
//+---------------------------------------------------
Date.prototype.toArray = function()
{
var myDate = this;
var myArray = Array();
myArray[0] = myDate.getFullYear();
myArray[1] = myDate.getMonth();
myArray[2] = myDate.getDate();
myArray[3] = myDate.getHours();
myArray[4] = myDate.getMinutes();
myArray[5] = myDate.getSeconds();
return myArray;
}
//+---------------------------------------------------
//| 取得日期数据信息
//| 参数 interval 表示数据类型
//| y 年 m月 d日 w星期 ww周 h时 n分 s秒
//+---------------------------------------------------
Date.prototype.DatePart = function(interval)
{
var myDate = this;
var partStr='';
var Week = ['日','一','二','三','四','五','六'];
switch (interval)
{
case 'y' :partStr = myDate.getFullYear();break;
case 'm' :partStr = myDate.getMonth()+1;break;
case 'd' :partStr = myDate.getDate();break;
case 'w' :partStr = Week[myDate.getDay()];break;
case 'ww' :partStr = myDate.WeekNumOfYear();break;
case 'h' :partStr = myDate.getHours();break;
case 'n' :partStr = myDate.getMinutes();break;
case 's' :partStr = myDate.getSeconds();break;
}
return partStr;
}
//+---------------------------------------------------
//| 取得当前日期所在月的最大天数
//+---------------------------------------------------
Date.prototype.MaxDayOfDate = function()
{
var myDate = this;
var ary = myDate.toArray();
var date1 = (new Date(ary[0],ary[1]+1,1));
var date2 = date1.dateAdd(1,'m',1);
var result = dateDiff(date1.Format('yyyy-MM-dd'),date2.Format('yyyy-MM-dd'));
return result;
}
//+---------------------------------------------------
//| 取得当前日期所在周是一年中的第几周
//+---------------------------------------------------
Date.prototype.WeekNumOfYear = function()
{
var myDate = this;
var ary = myDate.toArray();
var year = ary[0];
var month = ary[1]+1;
var day = ary[2];
document.write('< script language=VBScript\> \n');
document.write('myDate = DateValue(''+month+'-'+day+'-'+year+'') \n');
document.write('result = DatePart('ww', myDate) \n');
document.write(' \n');
return result;
}
//+---------------------------------------------------
//| 字符串转成日期类型
//| 格式 MM/dd/YYYY MM-dd-YYYY YYYY/MM/dd YYYY-MM-dd
//+---------------------------------------------------
function StringToDate(DateStr)
{
var converted = Date.parse(DateStr);
var myDate = new Date(converted);
if (isNaN(myDate))
{
//var delimCahar = DateStr.indexOf('/')!=-1?'/':'-';
var arys= DateStr.split('-');
myDate = new Date(arys[0],--arys[1],arys[2]);
}
return myDate;
}

李云泽 2007-12-26 14:42 发表评论

将多选框选中时打勾的颜色

李云泽 — Thu, 13 Dec 2007 09:35:00 GMT

将多选框选中时打勾的颜色设为：（注：颜色值可以自行更改）

李云泽 2007-12-13 17:35 发表评论

漂亮的提示信息（带箭头）

李云泽 — Wed, 12 Dec 2007 06:53:00 GMT

蝶恋花

李云泽 2007-12-12 14:53 发表评论

js最大化窗口

李云泽 — Fri, 09 Nov 2007 04:46:00 GMT

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">

无标题文档

李云泽 2007-11-09 12:46 发表评论

window.showModalDialog 简介

李云泽 — Wed, 07 Nov 2007 04:58:00 GMT

window.showModalDialog 简介

基本介绍：
showModalDialog() (IE 4+ 支持)
showModelessDialog() (IE 5+ 支持)
window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框。
window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框。

使用方法：

vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])

参数说明：
sURL--
必选参数，类型：字符串。用来指定对话框要显示的文档的URL。
vArguments--
可选参数，类型：变体。用来向对话框传递参数。传递的参数类型不限，包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。
sFeatures--
可选参数，类型：字符串。用来描述对话框的外观等信息，可以使用以下的一个或几个，用分号“;”隔开。
1.dialogHeight :对话框高度，不小于１００px，ＩＥ４中dialogHeight 和 dialogWidth 默认的单位是em，而ＩＥ５中是px，为方便其见，在定义modal方式的对话框时，用px做单位。
2.dialogWidth: 对话框宽度。
3.dialogLeft: 离屏幕左的距离。
4.dialogTop: 离屏幕上的距离。
5.center: {yes | no | 1 | 0 }：窗口是否居中，默认yes，但仍可以指定高度和宽度。
6.help: {yes | no | 1 | 0 }：是否显示帮助按钮，默认yes。
7.resizable: {yes | no | 1 | 0 } ［ＩＥ５＋］：是否可被改变大小。默认no。
8.status: {yes | no | 1 | 0 } ［IE5+］：是否显示状态栏。默认为yes[ Modeless]或no[Modal]。
9.scroll:{ yes | no | 1 | 0 | on | off }：指明对话框是否显示滚动条。默认为yes。
下面几个属性是用在HTA中的，在一般的网页中一般不使用。
10.dialogHide:{ yes | no | 1 | 0 | on | off }：在打印或者打印预览时对话框是否隐藏。默认为no。
11.edge:{ sunken | raised }：指明对话框的边框样式。默认为raised。
12.unadorned:{ yes | no | 1 | 0 | on | off }：默认为no。

参数传递：
1.要想对话框传递参数，是通过vArguments来进行传递的。类型不限制，对于字符串类型，最大为4096个字符。也可以传递对象，例如：
-------------------------------
parent.htm

modal.htm

-------------------------------
2.可以通过window.returnValue向打开对话框的窗口返回信息，当然也可以是对象。例如：
------------------------------
parent.htm

modal.htm

李云泽 2007-11-07 12:58 发表评论

深入认识JavaScript中的函数

李云泽 — Fri, 02 Nov 2007 02:50:00 GMT

概述
函数是进行模块化程序设计的基础，编写复杂的Ajax应用程序，必须对函数有更深入的了解。JavaScript中的函数不同于其他的语言，每个函数都是作为一个对象被维护和运行的。通过函数对象的性质，可以很方便的将一个函数赋值给一个变量或者将函数作为参数传递。在继续讲述之前，先看一下函数的使用语法：
function func1(…){…}
var func2=function(…){…};
var func3=function func4(…){…};
var func5=new Function();
这些都是声明函数的正确语法。它们和其他语言中常见的函数或之前介绍的函数定义方式有着很大的区别。那么在JavaScript中为什么能这么写？它所遵循的语法是什么呢？下面将介绍这些内容。
认识函数对象（Function Object）
可以用function关键字定义一个函数，并为每个函数指定一个函数名，通过函数名来进行调用。在JavaScript解释执行时，函数都是被维护为一个对象，这就是要介绍的函数对象（Function Object）。
函数对象与其他用户所定义的对象有着本质的区别，这一类对象被称之为内部对象，例如日期对象（Date）、数组对象（Array）、字符串对象（String）都属于内部对象。这些内置对象的构造器是由JavaScript本身所定义的：通过执行new Array()这样的语句返回一个对象，JavaScript内部有一套机制来初始化返回的对象，而不是由用户来指定对象的构造方式。
在JavaScript中，函数对象对应的类型是Function，正如数组对象对应的类型是Array，日期对象对应的类型是Date一样，可以通过new Function()来创建一个函数对象，也可以通过function关键字来创建一个对象。为了便于理解，我们比较函数对象的创建和数组对象的创建。先看数组对象：下面两行代码都是创建一个数组对象myArray：
var myArray=[];
//等价于
var myArray=new Array();
同样，下面的两段代码也都是创建一个函数myFunction：
function myFunction(a,b){
        return a+b;
}
//等价于
var myFunction=new Function("a","b","return a+b");
通过和构造数组对象语句的比较，可以清楚的看到函数对象本质，前面介绍的函数声明是上述代码的第一种方式，而在解释器内部，当遇到这种语法时，就会自动构造一个Function对象，将函数作为一个内部的对象来存储和运行。从这里也可以看到，一个函数对象名称（函数变量）和一个普通变量名称具有同样的规范，都可以通过变量名来引用这个变量，但是函数变量名后面可以跟上括号和参数列表来进行函数调用。
用new Function()的形式来创建一个函数不常见，因为一个函数体通常会有多条语句，如果将它们以一个字符串的形式作为参数传递，代码的可读性差。下面介绍一下其使用语法：
var funcName=new Function(p1,p2,...,pn,body);
参数的类型都是字符串，p1到pn表示所创建函数的参数名称列表，body表示所创建函数的函数体语句，funcName就是所创建函数的名称。可以不指定任何参数创建一个空函数，不指定funcName创建一个无名函数，当然那样的函数没有任何意义。
需要注意的是，p1到pn是参数名称的列表，即p1不仅能代表一个参数，它也可以是一个逗号隔开的参数列表，例如下面的定义是等价的：
new Function("a", "b", "c", "return a+b+c")
new Function("a, b, c", "return a+b+c")
new Function("a,b", "c", "return a+b+c")
JavaScript引入Function类型并提供new Function()这样的语法是因为函数对象添加属性和方法就必须借助于Function这个类型。
函数的本质是一个内部对象，由JavaScript解释器决定其运行方式。通过上述代码创建的函数，在程序中可以使用函数名进行调用。本节开头列出的函数定义问题也得到了解释。注意可直接在函数声明后面加上括号就表示创建完成后立即进行函数调用，例如：
var i=function (a,b){
         return a+b;
}(1,2);
alert(i);
这段代码会显示变量i的值等于3。i是表示返回的值，而不是创建的函数，因为括号“(”比等号“=”有更高的优先级。这样的代码可能并不常用，但当用户想在很长的代码段中进行模块化设计或者想避免命名冲突，这是一个不错的解决办法。
需要注意的是，尽管下面两种创建函数的方法是等价的：
function funcName(){
         //函数体
}
//等价于
var funcName=function(){
         //函数体
}
但前面一种方式创建的是有名函数，而后面是创建了一个无名函数，只是让一个变量指向了这个无名函数。在使用上仅有一点区别，就是：对于有名函数，它可以出现在调用之后再定义；而对于无名函数，它必须是在调用之前就已经定义。例如：

这段语句将产生func未定义的错误，而：

则能够正确执行，下面的语句也能正确执行：

由此可见，尽管JavaScript是一门解释型的语言，但它会在函数调用时，检查整个代码中是否存在相应的函数定义，这个函数名只有是通过function funcName()形式定义的才会有效，而不能是匿名函数。
函数对象和其他内部对象的关系
除了函数对象，还有很多内部对象，比如：Object、Array、Date、RegExp、Math、Error。这些名称实际上表示一个类型，可以通过new操作符返回一个对象。然而函数对象和其他对象不同，当用typeof得到一个函数对象的类型时，它仍然会返回字符串“function”，而typeof一个数组对象或其他的对象时，它会返回字符串“object”。下面的代码示例了typeof不同类型的情况：
alert(typeof(Function)));
alert(typeof(new Function()));
alert(typeof(Array));
alert(typeof(Object));
alert(typeof(new Array()));
alert(typeof(new Date()));
alert(typeof(new Object()));
运行这段代码可以发现：前面4条语句都会显示“function”，而后面3条语句则显示“object”，可见new一个function实际上是返回一个函数。这与其他的对象有很大的不同。其他的类型Array、Object等都会通过new操作符返回一个普通对象。尽管函数本身也是一个对象，但它与普通的对象还是有区别的，因为它同时也是对象构造器，也就是说，可以new一个函数来返回一个对象，这在前面已经介绍。所有typeof返回“function”的对象都是函数对象。也称这样的对象为构造器（constructor），因而，所有的构造器都是对象，但不是所有的对象都是构造器。
既然函数本身也是一个对象，它们的类型是function，联想到C++、Java等面向对象语言的类定义，可以猜测到Function类型的作用所在，那就是可以给函数对象本身定义一些方法和属性，借助于函数的prototype对象，可以很方便地修改和扩充Function类型的定义，例如下面扩展了函数类型Function，为其增加了method1方法，作用是弹出对话框显示"function"：
Function.prototype.method1=function(){
        alert("function");
}
function func1(a,b,c){
        return a+b+c;
}
func1.method1();
func1.method1.method1();
注意最后一个语句：func1.method1.mehotd1()，它调用了method1这个函数对象的method1方法。虽然看上去有点容易混淆，但仔细观察一下语法还是很明确的：这是一个递归的定义。因为method1本身也是一个函数，所以它同样具有函数对象的属性和方法，所有对Function类型的方法扩充都具有这样的递归性质。
Function是所有函数对象的基础，而Object则是所有对象（包括函数对象）的基础。在JavaScript中，任何一个对象都是Object的实例，因此，可以修改Object这个类型来让所有的对象具有一些通用的属性和方法，修改Object类型是通过prototype来完成的：
Object.prototype.getType=function(){
         return typeof(this);
}
var array1=new Array();
function func1(a,b){
        return a+b;
}
alert(array1.getType());
alert(func1.getType());
上面的代码为所有的对象添加了getType方法，作用是返回该对象的类型。两条alert语句分别会显示“object”和“function”。
将函数作为参数传递
在前面已经介绍了函数对象本质，每个函数都被表示为一个特殊的对象，可以方便的将其赋值给一个变量，再通过这个变量名进行函数调用。作为一个变量，它可以以参数的形式传递给另一个函数，这在前面介绍JavaScript事件处理机制中已经看到过这样的用法，例如下面的程序将func1作为参数传递给func2：
function func1(theFunc){
        theFunc();
}
function func2(){
        alert("ok");
}
func1(func2);
在最后一条语句中，func2作为一个对象传递给了func1的形参theFunc，再由func1内部进行theFunc的调用。事实上，将函数作为参数传递，或者是将函数赋值给其他变量是所有事件机制的基础。
例如，如果需要在页面载入时进行一些初始化工作，可以先定义一个init的初始化函数，再通过window.onload=init;语句将其绑定到页面载入完成的事件。这里的init就是一个函数对象，它可以加入window的onload事件列表。
传递给函数的隐含参数：arguments
当进行函数调用时，除了指定的参数外，还创建一个隐含的对象——arguments。arguments是一个类似数组但不是数组的对象，说它类似是因为它具有数组一样的访问性质，可以用arguments[index]这样的语法取值，拥有数组长度属性length。arguments对象存储的是实际传递给函数的参数，而不局限于函数声明所定义的参数列表，例如：
function func(a,b){
       alert(a);
       alert(b);
       for(var i=0;i             alert(arguments[i]);
       }
}
func(1,2,3);
代码运行时会依次显示：1，2，1，2，3。因此，在定义函数的时候，即使不指定参数列表，仍然可以通过arguments引用到所获得的参数，这给编程带来了很大的灵活性。arguments对象的另一个属性是callee，它表示对函数对象本身的引用，这有利于实现无名函数的递归或者保证函数的封装性，例如使用递归来计算1到n的自然数之和：
var sum=function(n){
        if(1==n)return 1;
        else return n+sum(n-1);
}
alert(sum(100));
其中函数内部包含了对sum自身的调用，然而对于JavaScript来说，函数名仅仅是一个变量名，在函数内部调用sum即相当于调用一个全局变量，不能很好的体现出是调用自身，所以使用arguments.callee属性会是一个较好的办法：
var sum=function(n){
        if(1==n)return 1;
        else return n+arguments.callee(n-1);
}
alert(sum(100));
callee属性并不是arguments不同于数组对象的惟一特征，下面的代码说明了arguments不是由Array类型创建：
Array.prototype.p1=1;
alert(new Array().p1);
function func(){
         alert(arguments.p1);
}
func();
运行代码可以发现，第一个alert语句显示为1，即表示数组对象拥有属性p1，而func调用则显示为“undefined”，即p1不是arguments的属性，由此可见，arguments并不是一个数组对象。
函数的apply、call方法和length属性
JavaScript为函数对象定义了两个方法：apply和call，它们的作用都是将函数绑定到另外一个对象上去运行，两者仅在定义参数的方式有所区别：
Function.prototype.apply(thisArg,argArray);
Function.prototype.call(thisArg[,arg1[,arg2…]]);
从函数原型可以看到，第一个参数都被取名为thisArg，即所有函数内部的this指针都会被赋值为thisArg，这就实现了将函数作为另外一个对象的方法运行的目的。两个方法除了thisArg参数，都是为Function对象传递的参数。下面的代码说明了apply和call方法的工作方式：
//定义一个函数func1，具有属性p和方法A
function func1(){
        this.p="func1-";
        this.A=function(arg){
              alert(this.p+arg);
        }
}
//定义一个函数func2，具有属性p和方法B
function func2(){
        this.p="func2-";
        this.B=function(arg){
               alert(this.p+arg);
        }
}
var obj1=new func1();
var obj2=new func2();
obj1.A("byA");      //显示func1-byA
obj2.B("byB");      //显示func2-byB
obj1.A.apply(obj2,["byA"]); //显示func2-byA，其中[“byA”]是仅有一个元素的数组，下同
obj2.B.apply(obj1,["byB"]); //显示func1-byB
obj1.A.call(obj2,"byA");    //显示func2-byA
obj2.B.call(obj1,"byB");    //显示func1-byB
可以看出，obj1的方法A被绑定到obj2运行后，整个函数A的运行环境就转移到了obj2，即this指针指向了obj2。同样obj2的函数B也可以绑定到obj1对象去运行。代码的最后4行显示了apply和call函数参数形式的区别。
与arguments的length属性不同，函数对象还有一个属性length，它表示函数定义时所指定参数的个数，而非调用时实际传递的参数个数。例如下面的代码将显示2：
function sum(a,b){
        return a+b;
}
alert(sum.length);

深入认识JavaScript中的this指针
this指针是面向对象程序设计中的一项重要概念，它表示当前运行的对象。在实现对象的方法时，可以使用this指针来获得该对象自身的引用。
和其他面向对象的语言不同，JavaScript中的this指针是一个动态的变量，一个方法内的this指针并不是始终指向定义该方法的对象的，在上一节讲函数的apply和call方法时已经有过这样的例子。为了方便理解，再来看下面的例子：

从代码的执行结果看，分别弹出对话框显示1和2。由此可见，getP函数仅定义了一次，在不同的场合运行，显示了不同的运行结果，这是有this指针的变化所决定的。在obj1的getP方法中，this就指向了obj1对象，而在obj2的getP方法中，this就指向了obj2对象，并通过this指针引用到了两个对象都具有的属性p。
由此可见，JavaScript中的this指针是一个动态变化的变量，它表明了当前运行该函数的对象。由this指针的性质，也可以更好的理解JavaScript中对象的本质：一个对象就是由一个或多个属性（方法）组成的集合。每个集合元素不是仅能属于一个集合，而是可以动态的属于多个集合。这样，一个方法（集合元素）由谁调用，this指针就指向谁。实际上，前面介绍的apply方法和call方法都是通过强制改变this指针的值来实现的，使this指针指向参数所指定的对象，从而达到将一个对象的方法作为另一个对象的方法运行。
每个对象集合的元素（即属性或方法）也是一个独立的部分，全局函数和作为一个对象方法定义的函数之间没有任何区别，因为可以把全局函数和变量看作为window对象的方法和属性。也可以使用new操作符来操作一个对象的方法来返回一个对象，这样一个对象的方法也就可以定义为类的形式，其中的this指针则会指向新创建的对象。在后面可以看到，这时对象名可以起到一个命名空间的作用，这是使用JavaScript进行面向对象程序设计的一个技巧。例如：
var namespace1=new Object();
namespace1.class1=function(){
//初始化对象的代码
}
var obj1=new namespace1.class1();
这里就可以把namespace1看成一个命名空间。
由于对象属性（方法）的动态变化特性，一个对象的两个属性（方法）之间的互相引用，必须要通过this指针，而其他语言中，this关键字是可以省略的。如上面的例子中：
obj1.getP=function(){
alert(this.p); //表面上this指针指向的是obj1
}
这里的this关键字是不可省略的，即不能写成alert(p)的形式。这将使得getP函数去引用上下文环境中的p变量，而不是obj1的属性。

李云泽 2007-11-02 10:50 发表评论

javascript常用整理

李云泽 — Fri, 02 Nov 2007 02:32:00 GMT

1.document.write(""); 输出语句
2.JS中的注释为//
3.传统的HTML文档顺序是:document->html->(head,body)
4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)
5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value)
6.一个小写转大写的JS: document.getElementById("output").value = document.getElementById("input").value.toUpperCase();
7.JS中的值类型:String,Number,Boolean,Null,Object,Function
8.JS中的字符型转换成数值型:parseInt(),parseFloat()
9.JS中的数字转换成字符型:(""+变量)
10.JS中的取字符串长度是:(length)
11.JS中的字符与字符相连接使用+号.
12.JS中的比较操作符有:==等于,!=不等于,>,>=,<.<=
13.JS中声明变量使用:var来进行声明
14.JS中的判断语句结构:if(condition){}else{}
15.JS中的循环结构:for([initial expression];[condition];[upadte expression]) {inside loop}
16.循环中止的命令是:break
17.JS中的函数定义:function functionName([parameter],...){statement[s]}
18.当文件中出现多个form表单时.可以用document.forms[0],document.forms[1]来代替.
19.窗口:打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self
20.状态栏的设置:window.status="字符";
21.弹出提示信息:window.alert("字符");
22.弹出确认框:window.confirm();
23.弹出输入提示框:window.prompt();
24.指定当前显示链接的位置:window.location.href="URL"
25.取出窗体中的所有表单的数量:document.forms.length
26.关闭文档的输出流:document.close();
27.字符串追加连接符:+=
28.创建一个文档元素:document.createElement(),document.createTextNode()
29.得到元素的方法:document.getElementById()
30.设置表单中所有文本型的成员的值为空:
var form = window.document.forms[0]
for (var i = 0; i   if (form.elements.type == "text"){
       form.elements.value = "";
   }
}
31.复选按钮在JS中判断是否选中:document.forms[0].checkThis.checked (checked属性代表为是否选中返回TRUE或FALSE)
32.单选按钮组(单选按钮的名称必须相同):取单选按钮组的长度document.forms[0].groupName.length
33.单选按钮组判断是否被选中也是用checked.
34.下拉列表框的值:document.forms[0].selectName.options[n].value (n有时用下拉列表框名称加上.selectedIndex来确定被选中的值)
35.字符串的定义:var myString = new String("This is lightsword");
36.字符串转成大写:string.toUpperCase(); 字符串转成小写:string.toLowerCase();
37.返回字符串2在字符串1中出现的位置:String1.indexOf("String2")!=-1则说明没找到.
38.取字符串中指定位置的一个字符:StringA.charAt(9);
39.取出字符串中指定起点和终点的子字符串:stringA.substring(2,6);
40.数学函数:Math.PI(返回圆周率),Math.SQRT2(返回开方),Math.max(value1,value2)返回两个数中的最在值,Math.pow(value1,10)返回value1的十次方,Math.round(value1)四舍五入函数,Math.floor(Math.random()*(n+1))返回随机数
41.定义日期型变量:var today = new Date();
42.日期函数列表:dateObj.getTime()得到时间,dateObj.getYear()得到年份,dateObj.getFullYear()得到四位的年份,dateObj.getMonth()得到月份,dateObj.getDate()得到日,dateObj.getDay()得到日期几,dateObj.getHours()得到小时,dateObj.getMinutes()得到分,dateObj.getSeconds()得到秒,dateObj.setTime(value)设置时间,dateObj.setYear(val)设置年,dateObj.setMonth(val)设置月,dateObj.setDate(val)设置日,dateObj.setDay(val)设置星期几,dateObj.setHours设置小时,dateObj.setMinutes(val)设置分,dateObj.setSeconds(val)设置秒 [注意:此日期时间从0开始计]
43.FRAME的表示方式: [window.]frames[n].ObjFuncVarName,frames["frameName"].ObjFuncVarName,frameName.ObjFuncVarName
44.parent代表父亲对象,top代表最顶端对象
45.打开子窗口的父窗口为:opener
46.表示当前所属的位置:this
47.当在超链接中调用JS函数时用:(javascript:)来开头后面加函数名
48.在老的浏览器中不执行此JS:
49.引用一个文件式的JS:
50.指定在不支持脚本的浏览器显示的HTML:
51.当超链和ONCLICK事件都有时,则老版本的浏览器转向a.html,否则转向b.html.例:dfsadf
52.JS的内建对象有:Array,Boolean,Date,Error,EvalError,Function,Math,Number,Object,RangeError,ReferenceError,RegExp,String,SyntaxError,TypeError,URIError
53.JS中的换行:\n
54.窗口全屏大小:
55.JS中的all代表其下层的全部元素
56.JS中的焦点顺序:document.getElementByid("表单元素").tabIndex = 1
57.innerHTML的值是表单元素的值:如

"how are you"

,则innerHTML的值就是:how are you
58.innerTEXT的值和上面的一样,只不过不会把这种标记显示出来.
59.contentEditable可设置元素是否可被修改,isContentEditable返回是否可修改的状态.
60.isDisabled判断是否为禁止状态.disabled设置禁止状态
61.length取得长度,返回整型数值
62.addBehavior()是一种JS调用的外部函数文件其扩展名为.htc
63.window.focus()使当前的窗口在所有窗口之前.
64.blur()指失去焦点.与FOCUS()相反.
65.select()指元素为选中状态.
66.防止用户对文本框中输入文本:onfocus="this.blur()"
67.取出该元素在页面中出现的数量:document.all.tags("div(或其它HTML标记符)").length
68.JS中分为两种窗体输出:模态和非模态.window.showModaldialog(),window.showModeless()
69.状态栏文字的设置:window.status='文字',默认的状态栏文字设置:window.defaultStatus = '文字.';
70.添加到收藏夹:external.AddFavorite(" http://www.dannyg.com/ ");
71.JS中遇到脚本错误时不做任何操作:window.onerror = doNothing; 指定错误句柄的语法为:window.onerror = handleError;
72.JS中指定当前打开窗口的父窗口:window.opener,支持opener.opener...的多重继续.
73.JS中的self指的是当前的窗口
74.JS中状态栏显示内容:window.status="内容"
75.JS中的top指的是框架集中最顶层的框架
76.JS中关闭当前的窗口:window.close();
77.JS中提出是否确认的框:if(confirm("Are you sure?")){alert("ok");}else{alert("Not Ok");}
78.JS中的窗口重定向:window.navigate(" http://www.sina.com.cn/ ");
79.JS中的打印:window.print()
80.JS中的提示输入框:window.prompt("message","defaultReply");
81.JS中的窗口滚动条:window.scroll(x,y)
82.JS中的窗口滚动到位置:window.scrollby
83.JS中设置时间间隔:setInterval("expr",msecDelay)或setInterval(funcRef,msecDelay)或setTimeout
84.JS中的模态显示在IE4+行,在NN中不行:showModalDialog("URL"[,arguments][,features]);
85.JS中的退出之前使用的句柄:function verifyClose(){event.returnValue="we really like you and hope you will stay longer.";}} window.onbeforeunload=verifyClose;
86.当窗体第一次调用时使用的文件句柄:onload()
87.当窗体关闭时调用的文件句柄:onunload()
88.window.location的属性: protocol(http:),hostname( http://www.example.com),port(80),host(www.example.com:80),pathname(/ ",指跳转到相应的锚记),href(全部的信息)
89.window.location.reload()刷新当前页面.
90.window.history.back()返回上一页,window.history.forward()返回下一页,window.history.go(返回第几页,也可以使用访问过的URL)
91.document.write()不换行的输出,document.writeln()换行输出
92.document.body.noWrap=true;防止链接文字折行.
93.变量名.charAt(第几位),取该变量的第几位的字符.
94."abc".charCodeAt(第几个),返回第几个字符的ASCii码值.
95.字符串连接:string.concat(string2),或用+=进行连接
96.变量.indexOf("字符",起始位置),返回第一个出现的位置(从0开始计算)
97.string.lastIndexOf(searchString[,startIndex])最后一次出现的位置.
98.string.match(regExpression),判断字符是否匹配.
99.string.replace(regExpression,replaceString)替换现有字符串.
100.string.split(分隔符)返回一个数组存储值.
101.string.substr(start[,length])取从第几位到指定长度的字符串.
102.string.toLowerCase()使字符串全部变为小写.
103.string.toUpperCase()使全部字符变为大写.
104.parseInt(string[,radix(代表进制)])强制转换成整型.
105.parseFloat(string[,radix])强制转换成浮点型.
106.isNaN(变量):测试是否为数值型.
107.定义常量的关键字:const,定义变量的关键字:var

李云泽 2007-11-02 10:32 发表评论

正则表达式--JavaScript 实现基础

李云泽 — Tue, 30 Oct 2007 03:57:00 GMT

    正则表达式用来从某一段字符串中匹配所需要的字符，这些字符可以非常简单，也可以非常复杂。JavaScript生来就对正则表达式有着良好的支持，在网络的字符搜索匹配中发挥着重要的作用。

    JavaScript通过RegExp类来支持正则表达式，举一个最简单的例子：

500)this.width=500" align="top" border="0" /> var regApple = new RegExp( " apple " );

它可以匹配一个字符串中出现的第一个"apple"字符串，并且对大小写敏感。在构造方法中加入第二个参数"g"则代表的搜索出字符串中所有的 "apple"，这里"g"代表"global"。如果第二个参数为"i"，则代表着case-insensitive，匹配过程中将不考虑字母的大小写。将上述两者综合起来，可以搜索出所有"apple"字符串，并且不考虑大小写问题。

500)this.width=500" align="top" border="0" /> var regApple = new RegExp( " apple " , " gi " );

正则表达式有着并不唯一的表示方法，使用Perl语言中的语法，可以将上述表达式表示为：

500)this.width=500" align="top" border="0" /> var regApple = / apple / gi;

创建了一个RegExp对象后，RegExp的方法可以构造出不同的匹配方式，因为正则表达式是对字符串进行的操作，所以String的一些方法在构造正则表达式的过程中也扮演着重要角色。

RegExp对象的方法

500)this.width=500" align="top" border="0" /> var sampleString = " Greenapple " ;
500)this.width=500" align="top" border="0" /> var regApple = / apple / ;
500)this.width=500" align="top" border="0" />alert(regApple.test(sampleString));

上面代码输出的结果是"true"，因为sampleString中包含了需要匹配的字符串"apple"，这是最简单的检测方式。有时，我们需要知道匹配的详细结果，例如：

500)this.width=500" align="top" border="0" /> var sampleString = " green apples, red apples " ;
500)this.width=500" align="top" border="0" /> var regApple = / apple / g;
500)this.width=500" align="top" border="0" /> var arr = regApple.exec(sampleString);

通过使用exec()方法，返回的arr是关于匹配结果的一个数组，包括每一个匹配的值及其所在的段，例如上例中是"green apples"还是"red apples"。match()方法有着和exec()相同的功能，只是表达方式不同：

search()方法和indexOf()比较类似，返回第一个匹配的字符串所在的位置：

500)this.width=500" align="top" border="0" /> var sampleString = " green apples, red apples " ;
500)this.width=500" align="top" border="0" /> var regApple = / apple / gi;
500)this.width=500" align="top" border="0" />alert(sampleString.search(regApple)); // 输出"6"

String的方法

String的replace()方法可以将指定的字符串替换为另一个字符串：

500)this.width=500" align="top" border="0" /> var sampleString = " There is a green apple. " ;
500)this.width=500" align="top" border="0" />alert(sampleString.replace( " green " , " red " )); // 输出"There is a red apple."

将replace()的第一个参数替换为一个正则表达式，可以达到同样的效果：

500)this.width=500" align="top" border="0" /> var sampleString = " There is a green apple. " ;
500)this.width=500" align="top" border="0" /> var regApple = / apple / ;
500)this.width=500" align="top" border="0" />alert(sampleString.replace(regApple, " red " )); // 输出"There is a red apple."

replace()的第二个参数可以替换为一个function()，该function()接受一个匹配字符串作为参数，返回一个替换字符串。(存在疑问)

使用正则表达式可以实现String的split()方法相同的功能。

500)this.width=500" align="top" border="0" /> var fruit = " apple,pear,lemon " ;
500)this.width=500" align="top" border="0" /> var arr = fruit.split( " , " );

使用正则表达式：

500)this.width=500" align="top" border="0" /> var fruit = " apple,pear,lemon " ;
500)this.width=500" align="top" border="0" /> var reg = / \, / ;
500)this.width=500" align="top" border="0" /> var arr = fruit.split(reg);

以上这些都是JavaScript正则表达式最基本的一些特性，实现了一些最基本的功能，这些都不是正则表达式真正的强大之处，在作者接下来的随笔中会继续介绍。

李云泽 2007-10-30 11:57 发表评论

一个Javascript 的类库，用于table内容排序

李云泽 — Mon, 29 Oct 2007 03:15:00 GMT

一个Javascript 的类库，用于table内容排序。使用很方便，不用每次都去调用数据库了。

特别适合多表查询的排序。加上的style.display 切换，也可以实现分页。

效果演示

用法:

1.添加JS

QUOTE:

2.添加TABLE,注意的是：一定要有ID,class为"sortable"

QUOTE:

OK,可以了，简单的吧

如果觉得太单调，自己加点CSS吧，官方给出了改HEAD的CSS

QUOTE:
/* Sortable tables */
table.sortable a.sortheader {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
table.sortable span.sortarrow {
    color:black;
    text-decoration: none;
}

JS文件下载

李云泽 2007-10-29 11:15 发表评论

js禁止报错

李云泽 — Thu, 25 Oct 2007 06:25:00 GMT

可以屏蔽掉一些没用的报错

李云泽 2007-10-25 14:25 发表评论

escape,encodeURI,encodeURIComponent函数比较

李云泽 — Sat, 29 Sep 2007 05:56:00 GMT

js对文字进行编码涉及3个函数：escape,encodeURI,encodeURIComponent，相应3个解码函数：unescape,decodeURI,decodeURIComponent

1、传递参数时需要使用encodeURIComponent，这样组合的url才不会被#等特殊字符截断。

例如：

2、进行url跳转时可以整体使用encodeURI

例如：Location.href=encodeURI("http://cang.baidu.com/do/s?word=百度&ct=21");

3、 js使用数据时可以使用escape

例如：搜藏中history纪录。

4、 escape对0-255以外的unicode值进行编码时输出%u****格式，其它情况下escape，encodeURI，encodeURIComponent编码结果相同。

最多使用的应为encodeURIComponent，它是将中文、韩文等特殊字符转换成utf-8格式的url编码，所以如果给后台传递参数需要使用encodeURIComponent时需要后台解码对utf-8支持（form中的编码方式和当前页面编码方式相同）

escape不编码字符有69个：*，+，-，.，/，@，_，0-9，a-z，A-Z

encodeURI不编码字符有82个：!，#，$，&，'，(，)，*，+，,，-，.，/，:，;，=，?，@，_，~，0-9，a-z，A-Z

encodeURIComponent不编码字符有71个：!， '，(，)，*，-，.，_，~，0-9，a-z，A-Z

escape 方法
对 String 对象编码以便它们能在所有计算机上可读，

escape(charString)

必选项 charstring 参数是要编码的任意 String 对象或文字。

说明
escape 方法返回一个包含了 charstring 内容的字符串值（ Unicode 格式）。所有空格、标点、重音符号以及其他非 ASCII 字符都用 %xx 编码代替，其中 xx 等于表示该字符的十六进制数。例如，空格返回的是 "%20" 。

字符值大于 255 的以 %uxxxx 格式存储。

注意 escape 方法不能够用来对统一资源标示码 (URI) 进行编码。对其编码应使用 encodeURI 和encodeURIComponent 方法。

encodeURI 方法
将文本字符串编码为一个有效的统一资源标识符 (URI)。

encodeURI(URIString)

必选的 URIString 参数代表一个已编码的 URI。

说明
encodeURI 方法返回一个编码的 URI。如果您将编码结果传递给 decodeURI，那么将返回初始的字符串。encodeURI 方法不会对下列字符进行编码：":"、"/"、";" 和 "?"。请使用 encodeURIComponent 方法对这些字符进行编码。

encodeURIComponent 方法
将文本字符串编码为一个统一资源标识符 (URI) 的一个有效组件。

encodeURIComponent(encodedURIString)

必选的 encodedURIString 参数代表一个已编码的 URI 组件。

说明
encodeURIComponent 方法返回一个已编码的 URI。如果您将编码结果传递给 decodeURIComponent，那么将返回初始的字符串。因为 encodeURIComponent 方法对所有的字符编码，请注意，如果该字符串代表一个路径，例如 /folder1/folder2/default.html，其中的斜杠也将被编码。这样一来，当该编码结果被作为请求发送到 web 服务器时将是无效的。如果字符串中包含不止一个 URI 组件，请使用 encodeURI 方法进行

李云泽 2007-09-29 13:56 发表评论

Javascript高级应用：文件操作篇

李云泽 — Tue, 25 Sep 2007 03:31:00 GMT

Javascript高级应用：文件操作篇

Javascript是网页制作中离不开的脚本语言，依靠它，一个网页的内容才生动活泼、富有朝气。但也许你还没有发现并应用它的一些更高级的功能吧？比如，对文件和文件夹进行读、写和删除，就象在VB、VC等高级语言中经常做的工作一样。怎么样，你是否需要了解这方面的知识？那就请跟我来，本文将详细描述如何使用Javascript语言进行文件操作。
一、功能实现核心：FileSystemObject 对象
其实，要在Javascript中实现文件操作功能，主要就是依靠FileSystemobject对象。
二、FileSystemObject编程三部曲
使用FileSystemObject 对象进行编程很简单，一般要经过如下的步骤：创建FileSystemObject对象、应用相关方法、访问对象相关属性。
（一）创建FileSystemObject对象
创建FileSystemObject对象的代码只要1行：
var fso = new ActiveXObject("Scripting.FileSystemObject");
上述代码执行后，fso就成为一个FileSystemObject对象实例。
（二）应用相关方法
创建对象实例后，就可以使用对象的相关方法了。比如，使用CreateTextFile方法创建一个文本文件：
var fso = new ActiveXObject("Scripting.FileSystemObject");
var f1 = fso.createtextfile("c:\\myjstest.txt",true);
（三）访问对象相关属性
要访问对象的相关属性，首先要建立指向对象的句柄，这就要通过get系列方法实现：GetDrive负责获取驱动器信息，GetFolder负责获取文件夹信息，GetFile负责获取文件信息。比如，指向下面的代码后，f1就成为指向文件c:\test.txt的句柄：
var fso = new ActiveXObject("Scripting.FileSystemObject");
var f1 = fso.GetFile("c:\\myjstest.txt");
然后，使用f1访问对象的相关属性。比如：
var fso = new ActiveXObject("Scripting.FileSystemObject");
var f1 = fso.GetFile("c:\\myjstest.txt");
alert("File last modified: " + f1.DateLastModified);
执行上面最后一句后，将显示c:\myjstest.txt的最后修改日期属性值。
但有一点请注意：对于使用create方法建立的对象，就不必再使用get方法获取对象句柄了，这时直接使用create方法建立的句柄名称就可以：
var fso = new ActiveXObject("Scripting.FileSystemObject");
var f1 = fso.createtextfile("c:\\myjstest.txt",true);
alert("File last modified: " + f1.DateLastModified);
三、操作驱动器（Drives）
使用FileSystemObject对象来编程操作驱动器（Drives）和文件夹（Folders）很容易，这就象在Windows文件浏览器中对文件进行交互操作一样，比如：拷贝、移动文件夹，获取文件夹的属性。
（一）Drives对象属性
Drive对象负责收集系统中的物理或逻辑驱动器资源内容，它具有如下属性：
l TotalSize：以字节（byte）为单位计算的驱动器大小。
l AvailableSpace或FreeSpace：以字节（byte）为单位计算的驱动器可用空间。
l DriveLetter：驱动器字母。
l DriveType：驱动器类型，取值为：removable（移动介质）、fixed（固定介质）、network（网络资源）、CD-ROM或者RAM盘。
l SerialNumber：驱动器的系列码。
l FileSystem：所在驱动器的文件系统类型，取值为FAT、FAT32和NTFS。
l IsReady：驱动器是否可用。
l ShareName：共享名称。
l VolumeName：卷标名称。
l Path和RootFolder：驱动器的路径或者根目录名称。
（二）Drive对象操作例程
下面的例程显示驱动器C的卷标、总容量和可用空间等信息：
var fso, drv, s ="";
fso = new ActiveXObject("Scripting.FileSystemObject");
drv = fso.GetDrive(fso.GetDriveName("c:\\"));
s += "Drive C:" + " - ";
s += drv.VolumeName + "\n";
s += "Total Space: " + drv.TotalSize / 1024;
s += " Kb" + "\n";
s += "Free Space: " + drv.FreeSpace / 1024;
s += " Kb" + "\n";
alert(s);
四、操作文件夹（Folders）
涉及到文件夹的操作包括创建、移动、删除以及获取相关属性。
Folder对象操作例程 :
下面的例程将练习获取父文件夹名称、创建文件夹、删除文件夹、判断是否为根目录等操作：
var fso, fldr, s = "";
// 创建FileSystemObject对象实例
fso = new ActiveXObject("Scripting.FileSystemObject");
// 获取Drive 对象
fldr = fso.GetFolder("c:\\");
// 显示父目录名称
alert("Parent folder name is: " + fldr + "\n");
// 显示所在drive名称
alert("Contained on drive " + fldr.Drive + "\n");
// 判断是否为根目录
if (fldr.IsRootFolder)
alert("This is the root folder.");
else
alert("This folder isn't a root folder.");
alert("\n\n");
// 创建新文件夹
fso.CreateFolder ("C:\\Bogus");
alert("Created folder C:\\Bogus" + "\n");
// 显示文件夹基础名称，不包含路径名
alert("Basename = " + fso.GetBaseName("c:\\bogus") + "\n");
// 删除创建的文件夹
fso.DeleteFolder ("C:\\Bogus");
alert("Deleted folder C:\\Bogus" + "\n");
五、操作文件（Files）
对文件进行的操作要比以上介绍的驱动器（Drive）和文件夹（Folder）操作复杂些，基本上分为以下两个类别：对文件的创建、拷贝、移动、删除操作和对文件内容的创建、添加、删除和读取操作。下面分别详细介绍。
（一）创建文件
一共有3种方法可用于创建一个空文本文件，这种文件有时候也叫做文本流（text stream）。
第一种是使用CreateTextFile方法。代码如下：
var fso, f1;
fso = new ActiveXObject("Scripting.FileSystemObject");
f1 = fso.CreateTextFile("c:\\testfile.txt", true);
第二种是使用OpenTextFile方法，并添加上ForWriting属性，ForWriting的值为2。代码如下：
var fso, ts;
var ForWriting= 2;
fso = new ActiveXObject("Scripting.FileSystemObject");
ts = fso.OpenTextFile("c:\\test.txt", ForWriting, true);
第三种是使用OpenAsTextStream方法，同样要设置好ForWriting属性。代码如下：
var fso, f1, ts;
var ForWriting = 2;
fso = new ActiveXObject("Scripting.FileSystemObject");
fso.CreateTextFile ("c:\\test1.txt");
f1 = fso.GetFile("c:\\test1.txt");
ts = f1.OpenAsTextStream(ForWriting, true);
（二）添加数据到文件
当文件被创建后，一般要按照“打开文件－>填写数据－>关闭文件”的步骤实现添加数据到文件的目的。
打开文件可使用FileSystemObject对象的OpenTextFile方法，或者使用File对象的OpenAsTextStream方法。
填写数据要使用到TextStream对象的Write、WriteLine或者WriteBlankLines方法。在同是实现写入数据的功能下，这3者的区别在于：Write方法不在写入数据末尾添加新换行符，WriteLine方法要在最后添加一个新换行符，而WriteBlankLines则增加一个或者多个空行。
关闭文件可使用TextStream对象的Close方法。
（三）创建文件及添加数据例程
下面的代码将创建文件、添加数据、关闭文件几个步骤结合起来进行应用：
var fso, tf;
fso = new ActiveXObject("Scripting.FileSystemObject");
// 创建新文件
tf = fso.CreateTextFile("c:\\testfile.txt", true);
// 填写数据，并增加换行符
tf.WriteLine("Testing 1, 2, 3.") ;
// 增加3个空行
tf.WriteBlankLines(3) ;
// 填写一行，不带换行符
tf.Write ("This is a test.");
// 关闭文件
tf.Close();
（四）读取文件内容
从文本文件中读取数据要使用TextStream对象的Read、ReadLine或ReadAll 方法。Read方法用于读取文件中指定数量的字符；ReadLine方法读取一整行，但不包括换行符；ReadAll方法则读取文本文件的整个内容。读取的内容存放于字符串变量中，用于显示、分析。在使用Read或ReadLine方法读取文件内容时，如果要跳过一些部分，就要用到Skip或SkipLine方法。
下面的代码演示打开文件、填写数据，然后读取数据：
var fso, f1, ts, s;
var ForReading = 1;
fso = new ActiveXObject("Scripting.FileSystemObject");
// 创建文件
f1 = fso.CreateTextFile("c:\\testfile.txt", true);
// 填写一行数据
f1.WriteLine("Hello World");
f1.WriteBlankLines(1);
// 关闭文件
f1.Close();
// 打开文件
ts = fso.OpenTextFile("c:\\testfile.txt", ForReading);
// 读取文件一行内容到字符串
s = ts.ReadLine();
// 显示字符串信息
alert("File contents = '" + s + "'");
// 关闭文件
ts.Close();
（五）移动、拷贝和删除文件
对于以上三种文件操作，Javascript各有两种对应的方法：File.Move 或 FileSystemObject.MoveFile用于移动文件；File.Copy 或 FileSystemObject.CopyFile用于拷贝文件；File.Delete 或 FileSystemObject.DeleteFile用于删除文件。
下面的代码演示在驱动器C的根目录下创建一个文本文件，填写一些内容，然后将文件移动到\tmp目录下，再在目录\temp下面建立一个文件拷贝，最后删除这两个目录的文件：
var fso, f1, f2, s;
fso = new ActiveXObject("Scripting.FileSystemObject");
f1 = fso.CreateTextFile("c:\\testfile.txt", true);
// 写一行
f1.Write("This is a test.");
// 关闭文件
f1.Close();
// 获取C:\根目录下的文件句柄
f2 = fso.GetFile("c:\\testfile.txt");
// 移动文件到\tmp目录下
f2.Move ("c:\\tmp\\testfile.txt");
// 拷贝文件到\temp目录下
f2.Copy ("c:\\temp\\testfile.txt");
// 获取文件句柄
f2 = fso.GetFile("c:\\tmp\\testfile.txt");
f3 = fso.GetFile("c:\\temp\\testfile.txt");
// 删除文件
f2.Delete();
f3.Delete();
六、结语
通过以上对FileSystemObject的各种对象、属性和方法的介绍和示例，相信你已经对如何使用JavaScript语言在页面中操作驱动器、文件和文件夹有了清晰的认识。但是上述提及的例程都非常简单，要全面、灵活地掌握JavaScript文件操作技术，还需要大量的实践练习。而且还有一点提醒大家，由于涉及到在浏览器中进行文件读写这样的高级操作，对于默认的浏览器安全级别而言，在代码运行前都会有一个信息提示，这点请在实际环境中提示访问者注意。

李云泽 2007-09-25 11:31 发表评论

40种网页常用小技巧

李云泽 — Thu, 20 Sep 2007 12:14:00 GMT

40种网页常用小技巧

关键字: 40种网页常用小技巧

40种网页常用小技巧

--------------------------------------------------------------------------------

【字体：大中小】【打印本稿】 2006-5-24 19:21:47 www.okajax.com (6730)

下面是javascript的40个网页常用小技巧，对网站开发人员相信会有帮助。

1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键

可用于Table

2. 取消选取、防止复制

3. onpaste="return false" 不准粘贴

4. oncopy="return false;" oncut="return false;" 防止复制

5. IE地址栏前换成自己的图标

6. 可以在收藏夹中显示出你的图标

7. 关闭输入法

8. 永远都会带着框架

9. 防止被人frame

10. 网页将不能被另存为

11. onclick="window.location = "view-source:"+ "http://www.williamlong.info"">

12.删除时确认
删除

13. 取得控件的绝对位置
//Javascript

//VBScript

14. 光标是停在文本框文字的最后

15. 判断上一页的来源
javascript:
document.referrer

16. 最小化、最大化、关闭窗口

本例适用于IE

17.屏蔽功能键Shift,Alt,Ctrl

18. 网页不会被缓存

或者

19.怎样让表单没有凹凸感？

或

20.

&的区别？

(division)用来定义大段的页面元素，会产生转行
用来定义同一行内的元素，跟

的唯一区别是不产生转行
是ns的标记，ie不支持，相当于

21.让弹出窗口总是在最上面:

22.不要滚动条?
让竖条没有:

让横条没有:

两个都去掉？更简单了

23.怎样去掉图片链接点击后，图片周围的虚线？

24.电子邮件处理提交表单

25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload()

26.如何设定打开页面的大小

打开页面的位置

27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动

28. 检查一段字符串是否全由数字组成

29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight

30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");

31.TEXTAREA自适应文字行数的多少
<br />

32. 日期减去天数等于第二个日期

33. 选择了哪一个Radio

Style
Barcode

34.脚本永不出错

35.ENTER键可以让光标移到下一个输入框

36. 检测某个网站的链接速度：
把如下代码加入区域中:

37. 各种样式的光标
auto ：标准光标
default ：标准箭头
hand ：手形光标
wait ：等待光标
text ：I形光标
vertical-text ：水平I形光标
no-drop ：不可拖动光标
not-allowed ：无效光标
help ：?帮助光标
all-scroll ：三角方向标
move ：移动标
crosshair ：十字标
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize

38.页面进入和退出的特效
进入页面
推出页面
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:
　　0 矩形缩小
　　1 矩形扩大
　　2 圆形缩小
　　3 圆形扩大
　　4 下到上刷新
　　5 上到下刷新
　　6 左到右刷新
　　7 右到左刷新
　　8 竖百叶窗
　　9 横百叶窗
　　10 错位横百叶窗
　　11 错位竖百叶窗
　　12 点扩散
　　13 左右到中间刷新
　　14 中间到左右刷新
　　15 中间到上下
　　16 上下到中间
　　17 右下到左上
　　18 右上到左下
　　19 左上到右下
　　20 左下到右上
　　21 横条
　　22 竖条
　　23 以上22种随机选择一种

39.在规定时间内跳转

40.网页是否被检索

　　其中属性值有以下一些:
　　属性值为"all": 文件将被检索，且页上链接可被查询；
　　属性值为"none": 文件不被检索，而且不查询页上的链接；
　　属性值为"index": 文件将被检索；
　　属性值为"follow": 查询页上的链接；
　　属性值为"noindex": 文件不检索，但可被查询链接；
　　属性值为"nofollow": 文件不被检索，但可查询页上的链接。

最大化窗口？

解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下：

输入框也可以做的很漂亮了

外向数：name=answer
style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)">
　没回答的题数：name=unanswer id="unanswer"
style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)">

总得分:
name=score id="score"
style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)">
　结　　　　论:
name=xgjg id="xgjg"
style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)">

李云泽 2007-09-20 20:14 发表评论

动态提示的下拉框

李云泽 — Thu, 20 Sep 2007 01:02:00 GMT

动态提示的下拉框

BlogJava-我思故我强-文章分类-javascript

js prototype

js弹出层代码

js弹出层

常用的JavaScript验证正则表达式

常用的JavaScript验证正则表达式

JS获取浏览器窗口大小 获取屏幕，浏览器，网页高度宽度

JS获取浏览器窗口大小 获取屏幕，浏览器，网页高度宽度

请调整浏览器窗口大小

JS遮罩效果 （很强）

showModalDialog取得父窗口的方法

js遍历对象属性和值

遮罩层形式的弹出窗口页面

window.open 判断子窗口是否存在

代码:

动态给表格增加/删除一行

可编辑的html表格

转载：js技巧收集(200多个)

可拖动&可收缩的frame

可拖动&可收缩的frame

js函数大全(转)

javascript 身份证验证

js日期时间函数(经典＋完善＋实用)

将多选框选中时打勾的颜色

漂亮的提示信息（带箭头）

js最大化窗口

window.showModalDialog 简介

深入认识JavaScript中的函数

javascript常用整理

正则表达式--JavaScript 实现基础

一个Javascript 的类库，用于table内容排序

js禁止报错

escape,encodeURI,encodeURIComponent函数比较

Javascript高级应用：文件操作篇

40种网页常用小技巧

40种网页常用小技巧

动态提示的下拉框

动态提示的下拉框

JS获取浏览器窗口大小获取屏幕，浏览器，网页高度宽度

JS获取浏览器窗口大小获取屏幕，浏览器，网页高度宽度

JS遮罩效果（很强）