BlogJava-DANCE WITH JAVA-随笔分类-脚本语言javascripthttp://www.blogjava.net/dreamstone/category/24604.html开发出高质量的系统zh-cnFri, 14 Sep 2007 04:48:07 GMTFri, 14 Sep 2007 04:48:07 GMT60javascript 动态添加删除控件http://www.blogjava.net/dreamstone/archive/2007/09/14/144111.htmldreamstonedreamstoneFri, 14 Sep 2007 01:39:00 GMThttp://www.blogjava.net/dreamstone/archive/2007/09/14/144111.htmlhttp://www.blogjava.net/dreamstone/comments/144111.htmlhttp://www.blogjava.net/dreamstone/archive/2007/09/14/144111.html#Feedback0http://www.blogjava.net/dreamstone/comments/commentRss/144111.htmlhttp://www.blogjava.net/dreamstone/services/trackbacks/144111.html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<script language="javascript">
var i = 0,j = 0;     //行号与列号
var oNewRow  ;    //定义插入行对象
var oNewCell1,oNewCell2;     //定义插入列对象

//添加条件行
function AddRow()
{
i = document.all.MyTable.rows.length;
oNewRow = document.all.MyTable.insertRow(i);
oNewRow.id = j;

//添加第一列
oNewCell1 = document.all.MyTable.rows[i].insertCell(0)
oNewCell1.innerHTML = "<input type='text' id='Value" + j + "'"+" size='14' value=\"\">";

//添加第二列
oNewCell2 = document.all.MyTable.rows[i].insertCell(1)
oNewCell2.innerHTML ="<input type=button name=Del" + j + " value='删除当前行'"+"onClick='DelCurrentRow(" + j + ");'>";
j++;
}

//删除行
function DelCurrentRow(j)
{
with(document.all.MyTable)
{
for (var i=0;i<rows.length;i++)
{
if (rows[i].id == j)
{
deleteRow(i);
}
}
}
}
</script>

<form method="post" action="">
<div style="margin-left:80px;color:red;font-weight:bold;"></div>
<div align="center" class="title-font">
动态添加HTML元素
</div>
<br>
<table style="border:0px;" cellpadding=0 cellspacing=0
     align="center">
<tr>
<td style="border:0px;" width="340"><hr></td>
<td style="border:0px;"><input type=button value="添加" name"addFieldBT" onclick="AddRow();"/></td>
</tr>
</table>
<br><br>
<table style="border:0px;" cellpadding=0 cellspacing=0
   align="center" class="TableBody" id="MyTable" border="0">
</table>
<br><br>
<table style="border:0px;" cellpadding=0 cellspacing=0
   align="center">
  <tr>
   <td align="center" style="border:0px;">
   <input type=button value="提交" name="searchBT" onclick=""/>
   </td>
  </tr>
</table>
<script language="javascript">AddRow()</script>
</form>
</BODY>
</HTML>

dreamstone 2007-09-14 09:39 发表评论
]]>javascript 关联列表的实现(简单的和复杂的)http://www.blogjava.net/dreamstone/archive/2007/09/14/144114.htmldreamstonedreamstoneFri, 14 Sep 2007 01:39:00 GMThttp://www.blogjava.net/dreamstone/archive/2007/09/14/144114.htmlhttp://www.blogjava.net/dreamstone/comments/144114.htmlhttp://www.blogjava.net/dreamstone/archive/2007/09/14/144114.html#Feedback0http://www.blogjava.net/dreamstone/comments/commentRss/144114.htmlhttp://www.blogjava.net/dreamstone/services/trackbacks/144114.html阅读全文

dreamstone 2007-09-14 09:39 发表评论
]]>最简单的ajax实现http://www.blogjava.net/dreamstone/archive/2007/09/10/144107.htmldreamstonedreamstoneMon, 10 Sep 2007 15:00:00 GMThttp://www.blogjava.net/dreamstone/archive/2007/09/10/144107.htmlhttp://www.blogjava.net/dreamstone/comments/144107.htmlhttp://www.blogjava.net/dreamstone/archive/2007/09/10/144107.html#Feedback0http://www.blogjava.net/dreamstone/comments/commentRss/144107.htmlhttp://www.blogjava.net/dreamstone/services/trackbacks/144107.html<script type="text/javascript" language="javascript">

    var http_request = false;

    function makeRequest(url) {

        http_request = false;

        if (window.XMLHttpRequest) { // Mozilla, Safari,
            http_request = new XMLHttpRequest();
            if (http_request.overrideMimeType) {
                http_request.overrideMimeType('text/xml');
            }
        } else if (window.ActiveXObject) { // IE
            try {
                http_request = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                try {
                    http_request = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (e) {}
            }
        }

        if (!http_request) {
            alert('Giving up :( Cannot create an XMLHTTP instance');
            return false;
        }
        http_request.onreadystatechange = alertContents;
        http_request.open('GET', url, true);
        http_request.send(null);

    }

    function alertContents() {

        if (http_request.readyState == 4) {
            if (http_request.status == 200) {
                alert(http_request.responseText);
            } else {
                alert('There was a problem with the request.');
            }
        }

    }
</script>
<span
    style="cursor: pointer; text-decoration: underline"
    onclick="makeRequest('test.html')">
        Make a request
</span>

dreamstone 2007-09-10 23:00 发表评论
]]>javascript两种渐变效果进度条的实现http://www.blogjava.net/dreamstone/archive/2007/09/10/144105.htmldreamstonedreamstoneMon, 10 Sep 2007 14:58:00 GMThttp://www.blogjava.net/dreamstone/archive/2007/09/10/144105.htmlhttp://www.blogjava.net/dreamstone/comments/144105.htmlhttp://www.blogjava.net/dreamstone/archive/2007/09/10/144105.html#Feedback1http://www.blogjava.net/dreamstone/comments/commentRss/144105.htmlhttp://www.blogjava.net/dreamstone/services/trackbacks/144105.html阅读全文

dreamstone 2007-09-10 22:58 发表评论
]]>vb script实现杀掉进程http://www.blogjava.net/dreamstone/archive/2007/09/10/144104.htmldreamstonedreamstoneMon, 10 Sep 2007 14:54:00 GMThttp://www.blogjava.net/dreamstone/archive/2007/09/10/144104.htmlhttp://www.blogjava.net/dreamstone/comments/144104.htmlhttp://www.blogjava.net/dreamstone/archive/2007/09/10/144104.html#Feedback0http://www.blogjava.net/dreamstone/comments/commentRss/144104.htmlhttp://www.blogjava.net/dreamstone/services/trackbacks/144104.html' ProcessKillLocal.vbs
' Sample VBScript to kill a program
' Author Guy Thomas http://computerperformance.co.uk/
' Version 2.7 - December 2005
' ------------------------ -------------------------------' 
Option Explicit
Dim objWMIService, objProcess, colProcess
Dim strComputer, strProcessKill 
strComputer = "."
strProcessKill = "'otrun.exe'" 

Set objWMIService = GetObject("winmgmts:" _
& "{impersonationLevel=impersonate}!\\" _ 
& strComputer & "\root\cimv2") 

Set colProcess = objWMIService.ExecQuery _
("Select * from Win32_Process Where Name = " & strProcessKill )
For Each objProcess in colProcess
objProcess.Terminate()
Next 
WSCript.Echo "Just killed process " & strProcessKill _
& " on " & strComputer
WScript.Quit 
' End of WMI Example of a Kill Process 

dreamstone 2007-09-10 22:54 发表评论
]]>javascript 禁止输入、禁止粘帖、禁止拖放、禁止输入法http://www.blogjava.net/dreamstone/archive/2007/09/10/144103.htmldreamstonedreamstoneMon, 10 Sep 2007 14:50:00 GMThttp://www.blogjava.net/dreamstone/archive/2007/09/10/144103.htmlhttp://www.blogjava.net/dreamstone/comments/144103.htmlhttp://www.blogjava.net/dreamstone/archive/2007/09/10/144103.html#Feedback0http://www.blogjava.net/dreamstone/comments/commentRss/144103.htmlhttp://www.blogjava.net/dreamstone/services/trackbacks/144103.html function regInput(str){  
 reg=/^[a-z]*$/;
 return reg.test(str)
}
</script>
<input type="text"
 onkeypress = "return regInput(String.fromCharCode(event.keyCode))"
 onpaste = "return regInput(window.clipboardData.getData('Text'))"
 ondrop = "return regInput(event.dataTransfer.getData('Text'))"
 style="ime-mode:Disabled"><br>
<input type="text"><br><br>

另外如果要兼容ie ,firefox netscapt三个浏览器，就不能用onkeypress事件。
而应该把onkeypress事件变成 onkeydown事件+onkeyup事件。
再keydown事件中检查，并设置标志位，在onkeyup事件中返回，类似这样
script language="javascript">
 var tag;
    function kd(evt) {
  alert(evt.keyCode);
  if (evt.keyCode >= 48 && evt.keyCode <= 57) {
   tag=true; 
   return;
  }else{
   if (evt.keyCode==8){
    tag=true;
    return;
   }
  }
  tag=false;
 }
 function kp(){
  return tag;
 }
</script>
至于为什么这样，自己测试一下不这样的结果吧

dreamstone 2007-09-10 22:50 发表评论
]]>javascript 格式化数字http://www.blogjava.net/dreamstone/archive/2007/09/10/144096.htmldreamstonedreamstoneMon, 10 Sep 2007 14:02:00 GMThttp://www.blogjava.net/dreamstone/archive/2007/09/10/144096.htmlhttp://www.blogjava.net/dreamstone/comments/144096.htmlhttp://www.blogjava.net/dreamstone/archive/2007/09/10/144096.html#Feedback0http://www.blogjava.net/dreamstone/comments/commentRss/144096.htmlhttp://www.blogjava.net/dreamstone/services/trackbacks/144096.html<script>

function formatNumber(number,pattern){
    var str            = number.toString();
    var strInt;
    var strFloat;
    var formatInt;
    var formatFloat;
    if(/\./g.test(pattern)){
        formatInt        = pattern.split('.')[0];
        formatFloat        = pattern.split('.')[1];
    }else{
        formatInt        = pattern;
        formatFloat        = null;
    }

    if(/\./g.test(str)){
        if(formatFloat!=null){
            var tempFloat    = Math.round(parseFloat('0.'+str.split('.')[1])*Math.pow(10,formatFloat.length))/Math.pow(10,formatFloat.length);
            strInt        = (Math.floor(number)+Math.floor(tempFloat)).toString();                
            strFloat    = /\./g.test(tempFloat.toString())?tempFloat.toString().split('.')[1]:'0';            
        }else{
            strInt        = Math.round(number).toString();
            strFloat    = '0';
        }
    }else{
        strInt        = str;
        strFloat    = '0';
    }
    if(formatInt!=null){
        var outputInt    = '';
        var zero        = formatInt.match(/0*$/)[0].length;
        var comma        = null;
        if(/,/g.test(formatInt)){
            comma        = formatInt.match(/,[^,]*/)[0].length-1;
        }
        var newReg        = new RegExp('(\\d{'+comma+'})','g');

        if(strInt.length<zero){
            outputInt        = new Array(zero+1).join('0')+strInt;
            outputInt        = outputInt.substr(outputInt.length-zero,zero)
        }else{
            outputInt        = strInt;
        }

        var 
        outputInt            = outputInt.substr(0,outputInt.length%comma)+outputInt.substring(outputInt.length%comma).replace(newReg,(comma!=null?',':'')+'$1')
        outputInt            = outputInt.replace(/^,/,'');

        strInt    = outputInt;
    }

    if(formatFloat!=null){
        var outputFloat    = '';
        var zero        = formatFloat.match(/^0*/)[0].length;

        if(strFloat.length<zero){
            outputFloat        = strFloat+new Array(zero+1).join('0');
            //outputFloat        = outputFloat.substring(0,formatFloat.length);
            var outputFloat1    = outputFloat.substring(0,zero);
            var outputFloat2    = outputFloat.substring(zero,formatFloat.length);
            outputFloat        = outputFloat1+outputFloat2.replace(/0*$/,'');
        }else{
            outputFloat        = strFloat.substring(0,formatFloat.length);
        }

        strFloat    = outputFloat;
    }else{
        if(pattern!='' || (pattern=='' && strFloat=='0')){
            strFloat    = '';
        }
    }

    return strInt+(strFloat==''?'':'.'+strFloat);
}

alert(formatNumber(0,''));
alert(formatNumber(12432.21,'#,###'));
alert(formatNumber(12432.21,'#,###.000#'));
alert(formatNumber(12432,'#,###.00'));
alert(formatNumber('12432.415','#,###.0#'));


</script>

dreamstone 2007-09-10 22:02 发表评论
]]>用vbscript来重写javascripthttp://www.blogjava.net/dreamstone/archive/2007/09/10/144018.htmldreamstonedreamstoneMon, 10 Sep 2007 07:45:00 GMThttp://www.blogjava.net/dreamstone/archive/2007/09/10/144018.htmlhttp://www.blogjava.net/dreamstone/comments/144018.htmlhttp://www.blogjava.net/dreamstone/archive/2007/09/10/144018.html#Feedback0http://www.blogjava.net/dreamstone/comments/commentRss/144018.htmlhttp://www.blogjava.net/dreamstone/services/trackbacks/144018.html 可以尝试用vbscript来重写javascript，虽然这种方法也有很多弊端。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script  language=javascript>
    function msg(){            
          execScript("n=msgbox('是否保存',4,'自定的的confirm')","vbscript");   
          alert(n);
          return(n == 1);      
  }   
</script>
<BODY>
    <input type="button" onclick="msg()" value="click" />
</BODY>
</HTML>


dreamstone 2007-09-10 15:45 发表评论
]]>js转换中把10进制数字转换成16进制http://www.blogjava.net/dreamstone/archive/2007/09/10/144014.htmldreamstonedreamstoneMon, 10 Sep 2007 07:40:00 GMThttp://www.blogjava.net/dreamstone/archive/2007/09/10/144014.htmlhttp://www.blogjava.net/dreamstone/comments/144014.htmlhttp://www.blogjava.net/dreamstone/archive/2007/09/10/144014.html#Feedback0http://www.blogjava.net/dreamstone/comments/commentRss/144014.htmlhttp://www.blogjava.net/dreamstone/services/trackbacks/144014.html  
var x = 33;
 
alert(x.toString(16));
 
</script>

dreamstone 2007-09-10 15:40 发表评论
]]>javascript中的各种输入限制http://www.blogjava.net/dreamstone/archive/2007/09/10/144013.htmldreamstonedreamstoneMon, 10 Sep 2007 07:37:00 GMThttp://www.blogjava.net/dreamstone/archive/2007/09/10/144013.htmlhttp://www.blogjava.net/dreamstone/comments/144013.htmlhttp://www.blogjava.net/dreamstone/archive/2007/09/10/144013.html#Feedback1http://www.blogjava.net/dreamstone/comments/commentRss/144013.htmlhttp://www.blogjava.net/dreamstone/services/trackbacks/144013.html1.文本框输入限制

实现限制输入大、小写英文，数字，浮点小数，日期，中文，部分英文，部分中文等众多功能。直接加入到html代码中即可使用。

<script>
function regInput(obj, reg, inputStr)
{
var docSel = document．selection.createRange()
if (docSel.parentElement().tagName != "INPUT") return false
oSel = docSel.duplicate()
oSel.text = ""
var srcRange = obj.createTextRange()
oSel.setEndPoint("StartToStart", srcRange)
var str = oSel.text + inputStr + srcRange.text.substr(oSel.text.length)
return reg.test(str)
}
</script>

小写英文：<xmp style= "display:inline"> </xmp>
<input onkeypress = "return regInput(this, /^[a-z]*$/, String.fromCharCode(event.keyCode))"
onpaste = "return regInput(this, /^[a-z]*$/, window.clipboardData.getData('Text'))"
ondrop = "return regInput(this, /^[a-z]*$/, event.dataTransfer.getData('Text'))"
style="ime-mode:Disabled"><br>

大写英文：<xmp style= "display:inline"> </xmp>
<input onkeypress = "return regInput(this, /^[A-Z]*$/, String.fromCharCode(event.keyCode))"
onpaste = "return regInput(this, /^[A-Z]*$/, window.clipboardData.getData('Text'))"
ondrop = "return regInput(this, /^[A-Z]*$/, event.dataTransfer.getData('Text'))"
style="ime-mode:Disabled">
<br>

任意数字：<xmp style="display:inline"> </xmp>
<input onkeypress = "return regInput(this, /^[0-9]*$/, String.fromCharCode(event.keyCode))"
onpaste = "return regInput(this, /^[0-9]*$/, window.clipboardData.getData('Text'))"
ondrop = "return regInput(this, /^[0-9]*$/, event.dataTransfer.getData('Text'))"
style="ime-mode:Disabled"><br>

限2位小数：<xmp style="display:inline"> </xmp>
<input onkeypress = "return regInput(this, /^\d*\.?\d{0,2}$/,
String.fromCharCode(event.keyCode))"
onpaste = "return regInput(this, /^\d*\.?\d{0,2}$/,
window.clipboardData.getData('Text'))"
ondrop = "return regInput(this, /^\d*\.?\d{0,2}$/,
event.dataTransfer.getData('Text'))"
style="ime-mode:Disabled">

如: 123.12<br>

日　 期：<xmp style="display:inline"> </xmp>

<input onkeypress = "return regInput(this, /^\d{1,4}
([-\/](\d{1,2}([-\/](\d{1,2})?)?)?)?$/,
String.fromCharCode(event.keyCode))"

onpaste = "return regInput(this, /^\d{1,4}([-\/](\d{1,2}
([-\/](\d{1,2})?)?)?)?$/,
window.clipboardData.getData('Text'))"

ondrop = "return regInput(this, /^\d{1,4}([-\/](\d{1,2}
([-\/](\d{1,2})?)?)?)?$/,
event.dataTransfer.getData('Text'))"

style="ime-mode:Disabled">

如: 2002-9-29<br>

任意中文：<xmp style="display:inline"> </xmp>

<input onkeypress = "return regInput(this, /^$/,
String.fromCharCode(event.keyCode))"

onpaste = "return regInput(this, /^[\u4E00-\u9FA5]*$/,
window.clipboardData.getData('Text'))"

ondrop = "return regInput(this, /^[\u4E00-\u9FA5]*$/,
event.dataTransfer.getData('Text'))"><br>

部分英文：<xmp style="display:inline"> </xmp>
<input onkeypress = "return regInput(this, /^[a-e]*$/,
String.fromCharCode(event.keyCode))"

onpaste = "return regInput(this, /^[a-e]*$/,
window.clipboardData.getData('Text'))"

ondrop = "return regInput(this, /^[a-e]*$/,
event.dataTransfer.getData('Text'))"

style="ime-mode:Disabled">

范围: a,b,c,d,e<br>

部分中文：<xmp style="display:inline"> </xmp>
<script language=javascript>

function checkChinese(oldLength, obj)
{
var oTR = window.document．selection.createRange()
var reg = /[^一二三四五六七八九十]/g
oTR.moveStart("character", -1*(obj.value.length-oldLength))
oTR.text = oTR.text.replace(reg, "")
}
</script>

<input onkeypress="return false" onkeydown=
"setTimeout('checkChinese('+this.value.length+','+this.uniqueID+')',
1)"

onpaste = "return regInput(this, /^[一二三四五六七八九十]*$/,
window.clipboardData.getData('Text'))"

ondrop = "return regInput(this, /^[一二三四五六七八九十]*$/,
event.dataTransfer.getData('Text'))">

范围: 一二三四五六七八九十<br>

2.不能展开右键，不能全选，不能复制的实现

<body oncontextmenu="window.event.returnvalue=false"
onkeypress="window.event.returnvalue=false"
onkeydown="window.event.returnvalue=false"
onkeyup="window.event.returnvalue=false"
ondragstart="window.event.returnvalue=false"
onselectstart="event.returnvalue=false">
...
</body>

3.禁止页面正文内容被选取

<body oncontextmenu="return false" ondragstart="return false"
onselectstart ="return false" onselect="document．selection.empty()"
oncopy="document．selection.empty()" onbeforecopy="return false"onmouseup="document．selection.empty()">

4.避免别人把网页放在框架中

<script language=“javascript”><!--if (self!=top){top.location=self.location;}-->< /script>

5.禁示查看源代码

<frameset>
<frame src="你要保密的文件的URL">
</frameset>

6.关闭输入法

<input style="ime-mode:disabled">

7.禁止图片下载

在这里的最后加入：

oncontextmenu="return false" ondragstart="return false" onselectstart="return
false" scroll="auto"

8.禁止缓存

在HEAD里加入：

<meta http-equiv="Expires" CONTENT="0">
<meta http-equiv="Cache-Control" CONTENT="no-cache">
<meta http-equiv="Pragma" CONTENT="no-cache">



dreamstone 2007-09-10 15:37 发表评论
]]>javascript中实现动态广告的方法http://www.blogjava.net/dreamstone/archive/2007/09/10/144012.htmldreamstonedreamstoneMon, 10 Sep 2007 07:31:00 GMThttp://www.blogjava.net/dreamstone/archive/2007/09/10/144012.htmlhttp://www.blogjava.net/dreamstone/comments/144012.htmlhttp://www.blogjava.net/dreamstone/archive/2007/09/10/144012.html#Feedback0http://www.blogjava.net/dreamstone/comments/commentRss/144012.htmlhttp://www.blogjava.net/dreamstone/services/trackbacks/144012.html阅读全文

dreamstone 2007-09-10 15:31 发表评论
]]>js中实现table的插入、修改、删除http://www.blogjava.net/dreamstone/archive/2007/09/10/144008.htmldreamstonedreamstoneMon, 10 Sep 2007 07:24:00 GMThttp://www.blogjava.net/dreamstone/archive/2007/09/10/144008.htmlhttp://www.blogjava.net/dreamstone/comments/144008.htmlhttp://www.blogjava.net/dreamstone/archive/2007/09/10/144008.html#Feedback0http://www.blogjava.net/dreamstone/comments/commentRss/144008.htmlhttp://www.blogjava.net/dreamstone/services/trackbacks/144008.html阅读全文

dreamstone 2007-09-10 15:24 发表评论
]]>面向对象（OOP）方法使用 JavaScripthttp://www.blogjava.net/dreamstone/archive/2007/05/22/119200.htmldreamstonedreamstoneTue, 22 May 2007 10:07:00 GMThttp://www.blogjava.net/dreamstone/archive/2007/05/22/119200.htmlhttp://www.blogjava.net/dreamstone/comments/119200.htmlhttp://www.blogjava.net/dreamstone/archive/2007/05/22/119200.html#Feedback3http://www.blogjava.net/dreamstone/comments/commentRss/119200.htmlhttp://www.blogjava.net/dreamstone/services/trackbacks/119200.htmlprivate variables：原始的定义变量的方法 var
private functions:通过 var functionName=function(){}声明

privileged methods: 通过this.methodName=function(){}声明
privileged properties:通过 this.variableName来声明
(有些地方把privileged properties叫做public properties，但我感觉无论是按照
定义写法，还是为了便于理解都叫privileged properties更好些。更便于对比对称记忆)

prototype methods :通过Classname.prototype.methodname=function(){}来声明
(有些地方叫public method，同样和上边一样的理由，这里改叫prototype method)
prototype properties:通过 classname.prototype.propertyName=somevalue来声明

static properties: 通过classname.propertyName=somevalue定义
static method :通过classnamne.methodName来声明

说明：有些地方（例如我看的文档中）把privileged properties和prototype method叫成
public properties 和public method，不知道为什么这样叫。这样命名后造成的问题是
1,privileged method没有对应的privileged properties
2,prototype properties没有对应的prototype method
3,public method和public properties的定义方式又不对称

下边解释一下几种情况：
1,private：定义在类内部，只能被类内部的方法调用，例如privileged(见实例一中的(1)(2))
2,priviledged ：定义在类内部，能被任何调用，在调用上有点类似Java中
的非静态public方法(见实例一中的(3))
3,prototype：这个概念不太好理解，在执行上有点像java的clone，只在类初始化的时候
执行一次。每次建立实例的时候不执行。能被继承。
4,static： 有点类似java中的静态。各实例共享，不能被继承
实例一如下：

<script>
        function Pet(name,color){
            //priviledged properties
            this.name=name;
            this.color=color;
            //private properties
            var type="animal";
            //private method
            var run2 = function(){
                run(type);
            }
            var run = function(mType){
                alert(color+" "+name+" is runing("+mType+")");
            }
            //priviledged method
            this.callRun = function(){
                /*(1)priviledged method can visit private properties and private method*/
                run(type);
            }
        }

        Pet.prototype.callPrivateRun =function(pet){
        /*(2)can not call run*/            
            //pet.run2();
        /*(3)can call priviledge method and priviledge properties*/
            pet.callRun();
        }

        function test(){
            var pet = new Pet("pig","black");
            pet.callRun();
            alert("prototype");
            pet.callPrivateRun(pet);

        }
        window.onload=test;
    </script>
继承与覆写
实例二演示了继承、覆写
另外javascript不支持多态性
<script>
        function Pet(){
            //name
            this.name=null;
            this.getName = function() {return this.name;};
            this.setName = function(newName) {this.name = newName;};
            //abstract method
            this.eat = null;
        }
        /*cat inherit from Pet*/
        Cat.prototype = new Pet();
        function Cat(){
            //implement the abstract method
            this.eat = function(food){
                alert("The cat (" + this.name+ ") is eating " + food);
            }
        }
        /*dog inherit from Pet*/
        function Dog(){
            //implements the abstract method
            this.eat = function(food){
                alert("The dog (" + this.name+ ") is eating " + food);
            }
        }
        Dog.prototype = new Pet();
        /*Hound inherit from dog*/
        Hound.prototype = new Dog()
        function Hound(){
            //override
            this.eat = function(food){
                alert("The Hound (" + this.name+ ") is eating " + food);
            }
        }

        function test(){
            var cat = new Cat();
            cat.setName("mimi");
            cat.eat("fish");
            var dog = new Dog();
            dog.setName("wangwang");
            dog.eat("bone");
            var hound = new Hound();
            hound.setName("hali");
            hound.eat("rabbit");            
        }
        window.onload=test;
    </script>



dreamstone 2007-05-22 18:07 发表评论
]]>在一个js文件中引入另一个js文件http://www.blogjava.net/dreamstone/archive/2007/02/12/99480.htmldreamstonedreamstoneMon, 12 Feb 2007 09:00:00 GMThttp://www.blogjava.net/dreamstone/archive/2007/02/12/99480.htmlhttp://www.blogjava.net/dreamstone/comments/99480.htmlhttp://www.blogjava.net/dreamstone/archive/2007/02/12/99480.html#Feedback4http://www.blogjava.net/dreamstone/comments/commentRss/99480.htmlhttp://www.blogjava.net/dreamstone/services/trackbacks/99480.html
function alertInOne(){
    alert('in one');
}
第二个js文件，文件名two.js，内容如下
//注意这个地方
document.write("<script language='javascript' src='one.js'></script>");
function alertInTwo(){
    alert("in Two");
}
调用的html文件，只需要引入two.js，就能引入one.js了
<script language='javascript' src="two.js"></script>
<script language="javascript">
    alertInOne();
    alertInTwo();
</script>

应用场合：
在平时开发的时候，我们都会有一些js文件的积累，大部份场合是不需要重新写的。
但我们会把js文件的功能尽可能的细分，以便引入的时候不引入无用的代码，但这样造成的问题是在jsp文件
中要写大量的这样的句子
<script language='javascript' src="two.js" charset="utf-8"></script>
如果你有100个jsp文件，都用到10个js文件，这个时候每个jsp文件写10句引入，这个是个麻烦的事情
现在，通过js文件的引入可以解决这个问题。定义一个js文件用来引入一些组合，jsp文件则只需要引入1个
这样的js文件就可以了。js代码少了100*99行

另外引入的js文件时候最好加上charset,特别是你的js文件有非英文，数字的时候。
事例的代码下载：http://www.blogjava.net/Files/dreamstone/importJs.rar



dreamstone 2007-02-12 17:00 发表评论
]]>JavaScript中容易犯的小错误http://www.blogjava.net/dreamstone/archive/2006/12/06/85917.htmldreamstonedreamstoneWed, 06 Dec 2006 11:29:00 GMThttp://www.blogjava.net/dreamstone/archive/2006/12/06/85917.htmlhttp://www.blogjava.net/dreamstone/comments/85917.htmlhttp://www.blogjava.net/dreamstone/archive/2006/12/06/85917.html#Feedback1http://www.blogjava.net/dreamstone/comments/commentRss/85917.htmlhttp://www.blogjava.net/dreamstone/services/trackbacks/85917.html而这个函数的使用，本身隐藏着一个容易范的错误。请尝试一下下边这段代码

alert(parseInt("8"));
alert(parseInt("08"));
会看到什么结果 ？
首先是8,然后是0,为什么parseInt("08")会是0呢 ？
原因如下：
js在默认情况下是用的10进制，但是如果以0开头的数字，默认就会变成8进制
所以才会出现8,9错误的情况。
解决方案：
解决方法如下 parseInt("08",10);
指定为10进制。


dreamstone 2006-12-06 19:29 发表评论
]]>Native2Ascii的JavaScript实现 (便于平时使用)http://www.blogjava.net/dreamstone/archive/2006/11/20/82185.htmldreamstonedreamstoneMon, 20 Nov 2006 02:46:00 GMThttp://www.blogjava.net/dreamstone/archive/2006/11/20/82185.htmlhttp://www.blogjava.net/dreamstone/comments/82185.htmlhttp://www.blogjava.net/dreamstone/archive/2006/11/20/82185.html#Feedback2http://www.blogjava.net/dreamstone/comments/commentRss/82185.htmlhttp://www.blogjava.net/dreamstone/services/trackbacks/82185.html阅读全文

dreamstone 2006-11-20 10:46 发表评论
]]>js判断浏览器 http://www.blogjava.net/dreamstone/archive/2006/09/20/70911.htmldreamstonedreamstoneWed, 20 Sep 2006 13:22:00 GMThttp://www.blogjava.net/dreamstone/archive/2006/09/20/70911.htmlhttp://www.blogjava.net/dreamstone/comments/70911.htmlhttp://www.blogjava.net/dreamstone/archive/2006/09/20/70911.html#Feedback0http://www.blogjava.net/dreamstone/comments/commentRss/70911.htmlhttp://www.blogjava.net/dreamstone/services/trackbacks/70911.htmlfunction myconfirm(strTitle,strMessage,intType,intWidth,intHeight)
{
      var navigatorName = "Microsoft Internet Explorer";
   var isIE = false;
   var result;
   
   if( navigator.appName == navigatorName ){
    isIE = true;    
   }   
   
   if(isIE){    
     var strDialogFeatures = "status:no;center:yes;help:no;dialogWidth:"+intWidth+";dialogHeight:"+intHeight+";scroll:yes;resize:no";
     var args = new Array();
     args[args.length] = strTitle;
     args[args.length] = strMessage;
     args[args.length] = intType;
     result = showModalDialog("../confirm.html",args,strDialogFeatures);
     return result;
   }
   else{
    var messageList = strMessage.split("<BR>");
    var sMessage = "";
    
    for(loop=0;loop<messageList.length;loop++){
     sMessage = sMessage + messageList[loop] + "\n";
    }
    
    result = window.confirm(sMessage);
    return result;
   }
}

dreamstone 2006-09-20 21:22 发表评论
]]>javascript 验证web输入地内容地长度 http://www.blogjava.net/dreamstone/archive/2006/09/20/70910.htmldreamstonedreamstoneWed, 20 Sep 2006 13:21:00 GMThttp://www.blogjava.net/dreamstone/archive/2006/09/20/70910.htmlhttp://www.blogjava.net/dreamstone/comments/70910.htmlhttp://www.blogjava.net/dreamstone/archive/2006/09/20/70910.html#Feedback0http://www.blogjava.net/dreamstone/comments/commentRss/70910.htmlhttp://www.blogjava.net/dreamstone/services/trackbacks/70910.html通常需要验证一个textbox的输入长度字母数字n或者汉字n/2个，但在混合的情况下不好判断，使用如下方法判断
function getStringUTFLength(str) {
  var value = str.replace(/[^\x00-\xff]/g,"  ");
  return value.length;
 }


dreamstone 2006-09-20 21:21 发表评论
]]>