2006年04月23日

请大家直接使用Ctrl+F来搜索要的东西

http://www.blueidea.com/bbs/NewsDetail.asp?id=2201069
http://ttyp.cnblogs.com/archive/2004/11/15/63900.aspx

事件源对象

event.srcElement.tagName 
event.srcElement.type


捕获释放

event.srcElement.setCapture();  
event.srcElement.releaseCapture();


事件按键

 
event.keyCode
event.shiftKey
event.altKey
event.ctrlKey


事件返回值

 
event.returnValue


鼠标位置
event.x
event.y
窗体活动元素
document.activeElement
绑定事件

 
document.captureEvents(Event.KEYDOWN);


访问窗体元素

document.all("txt").focus(); 
document.all("txt").select();


窗体命令
document.execCommand
窗体COOKIE
document.cookie
菜单事件
document.oncontextmenu
创建元素

document.createElement("SPAN"); 


根据鼠标获得元素:

 
document.elementFromPoint(event.x,event.y).tagName=="TD
document.elementFromPoint(event.x,event.y).appendChild(ms)


窗体图片
document.images[索引]
窗体事件绑定
document.onmousedown=scrollwindow;
元素
document.窗体.elements[索引]
对象绑定事件

document.all.xxx.detachEvent('onclick',a); 


插件数目
navigator.plugins
取变量类型

 
typeof($js_libpath) == "undefined"


下拉框
下拉框.options[索引]
下拉框.options.length
查找对象

document.getElementsByName("r1"); 
document.getElementById(id);


定时

timer=setInterval('scrollwindow()',delay); 
clearInterval(timer);


UNCODE编码
escape() ,unescape
父对象

obj.parentElement(dhtml) 
obj.parentNode(dom)


交换表的行

 
TableID.moveRow(2,1)


替换CSS
document.all.csss.href = "a.css";
并排显示
display:inline
隐藏焦点
hidefocus=true
根据宽度换行
style="word-break:break-all"
自动刷新
<meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://c98.yeah.net">
简单邮件
<a href="mailto:aaa@bbb.com?subject=ccc&body=xxxyyy">
快速转到位置
obj.scrollIntoView(true)

<a name="first">
<a href="#first">anchors</a>
网页传递参数

 
location.search();


可编辑
obj.contenteditable=true
执行菜单命令
obj.execCommand
双字节字符
/[^\x00-\xff]/
汉字
/[\u4e00-\u9fa5]/
让英文字符串超出表格宽度自动换行
word-wrap: break-word; word-break: break-all;
透明背景
<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>
获得style内容
obj.style.cssText
HTML标签
document.documentElement.innerHTML
第一个style标签
document.styleSheets[0]
style标签里的第一个样式
document.styleSheets[0].rules[0]
防止点击空链接时,页面往往重置到页首端。

 
<a href="javascript:function()">word</a>
上一网页源
asp:
request.servervariables("HTTP_REFERER")
javascript:
document.referrer


释放内存

 
CollectGarbage();


禁止右键

document.oncontextmenu = function() { return false;} 


禁止保存

<noscript><iframe src="*.htm"></iframe></noscript>


禁止选取

<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()> 


禁止粘贴

 
<input type=text onpaste="return false">


地址栏图标

<link rel="Shortcut Icon" href="favicon.ico">


favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
收藏栏图标

<link rel="Bookmark" href="favicon.ico"> 


查看源码

 
<input type=button value=查看网页源代码 onclick="window.location = 'view-source:'+ 'http://www.csdn.net/'">


关闭输入法

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


自动全选

 
<input type=text name=text1 value="123" onfocus="this.select()">


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

 
<input onkeydown="if(event.keyCode==13)event.keyCode=9">


文本框的默认值

 
<input type=text value="123" onfocus="alert(this.defaultValue)">


title换行

 
obj.title = "123&#13sdfs&#32"


获得时间所代表的微秒

var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime() 


窗口是否关闭

win.closed 


checkbox扁平

 
<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)">


获取选中内容

document.selection.createRange().duplicate().text


自动完成功能

 
<input type=text autocomplete=on>打开该功能
<input type=text autocomplete=off>关闭该功能


窗口最大化

<body onload="window.resizeTo(window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)"> 


无关闭按钮IE

 
window.open("aa.htm", "meizz", "fullscreen=7");


统一编码/解码

 
alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
encodeURIComponent对":"、"/"、";" 和 "?"也编码


表格行指示

 
<tr onmouseover="this.bgColor='#f0f0f0'" onmouseout="this.bgColor='#ffffff'">


//各种尺寸

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


//过滤数字


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

//特殊用途


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

//不缓存

<META HTTP-EQUIV="pragma" CONTENT="no-cache"> 
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="0">


//正则匹配

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


以下是例子:
利用正则表达式限制网页表单里的文本框输入内容:

 
用正则表达式限制只能输入中文:onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"
1.用正则表达式限制只能输入全角字符: onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))"
2.用正则表达式限制只能输入数字:onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
3.用正则表达式限制只能输入数字和英文:onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"


//消除图像工具栏


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

//无提示关闭

function Close() 
{
var ua=navigator.userAgent
var ie=navigator.appName=="Microsoft Internet Explorer"?true:false
if(ie)
{
var IEversion=parseFloat(ua.substring(ua.indexOf("MSIE ")+5,ua.indexOf(";",ua.indexOf("MSIE "))))
if(IEversion< 5.5)
{
var str = '<object id=noTipClose classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">'
str += '<param name="Command" value="Close"></object>';
document.body.insertAdjacentHTML("beforeEnd", str);
document.all.noTipClose.Click();
}
else
{
window.opener =null;
window.close();
}
}
else
{
window.close()
}
}


//取得控件得绝对位置(1)



[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

//获得控件的绝对位置(2)

oRect = obj.getBoundingClientRect(); 
oRect.left
oRect.


//最小化,最大化,关闭


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

//光标停在文字最后


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

//页面进入和退出的特效


进入页面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">
推出页面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">
这个是页面被载入和调出时的一些特效。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
//网页是否被检索

<meta name="ROBOTS" content="属性值">
  其中属性值有以下一些:
  属性值为"all": 文件将被检索,且页上链接可被查询;
  属性值为"none": 文件不被检索,而且不查询页上的链接;
  属性值为"index": 文件将被检索;
  属性值为"follow": 查询页上的链接;
  属性值为"noindex": 文件不检索,但可被查询链接;
  属性值为"nofollow":

//打印分页


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

//设置打印


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

//自带的打印预览

WebBrowser.ExecWB(1,1) 打开  
Web.ExecWB(2,1) 关闭现在所有的IE窗口,并打开一个新窗口
Web.ExecWB(4,1) 保存网页
Web.ExecWB(6,1) 打印
Web.ExecWB(7,1) 打印预览
Web.ExecWB(8,1) 打印页面设置
Web.ExecWB(10,1) 查看页面属性
Web.ExecWB(15,1) 好像是撤销,有待确认
Web.ExecWB(17,1) 全选
Web.ExecWB(22,1) 刷新
Web.ExecWB(45,1) 关闭窗体无提示
<style media=print>
.Noprint{display:none;}<!--用本样式在打印时隐藏非打印项目-->
.PageNext{page-break-after: always;}<!--控制分页-->
</style>
<object id="WebBrowser" width=0 height=0 classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2">
</object>

<center class="Noprint" >
<input type=button value=打印 onclick=document.all.WebBrowser.ExecWB(6,1)>
<input type=button value=直接打印 onclick=document.all.WebBrowser.ExecWB(6,6)>
<input type=button value=页面设置 onclick=document.all.WebBrowser.ExecWB(8,1)>
</p>
<p> <input type=button value=打印预览 onclick=document.all.WebBrowser.ExecWB(7,1)>
</center>


//去掉打印时的页眉页脚


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

//浏览器验证

function checkBrowser() 
{
this.ver=navigator.appVersion
this.dom=document.getElementById?1:0
this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom)?1:0;
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
this.ie4=(document.all && !this.dom)?1:0;
this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.mac=(this.ver.indexOf('Mac') > -1) ?1:0;
this.ope=(navigator.userAgent.indexOf('Opera')>-1);
this.ie=(this.ie6 || this.ie5 || this.ie4)
this.ns=(this.ns4 || this.ns5)
this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns5 || this.ns4 || this.mac || this.ope)
this.nbw=(!this.bw)
return this;
}


//计算内容宽和高


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

//无模式的提示框

function modelessAlert(Msg) 
{
window.showModelessDialog("javascript:alert(\""+escape(Msg)+"\");window.close();","","status:no;resizable:no;help:no;dialogHeight:height:30px;dialogHeight:40px;");
}


//屏蔽按键


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]



[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

//移动的图层,拖动


1.


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]



[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

//文档状态改变


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

//刷新后不变的文本框


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

//访问剪贴板

(1)拖拽访问

event.dataTransfer.setData("URL", oImage.src); 
sImageURL = event.dataTransfer.getData("URL");


(2)普通访问

 
window.clipboardData.setData("Text",oSource.innerText);
window.clipboardData.getData("Text");



//操作COOKIE

function SetCookie(sName, sValue) 
{
document.cookie = sName + "=" + escape(sValue) + "; ";
}
function GetCookie(sName)
{
var aCookie = document.cookie.split("; ");
for (var i=0; i < aCookie.length; i++)
{

var aCrumb = aCookie[i].split("=");
if (sName == aCrumb[0])
return unescape(aCrumb[1]);
}

}
function DelCookie(sName)
{
document.cookie = sName + "=" + escape(sValue) + "; expires=Fri, 31 Dec 1999 23:59:59 GMT;";
}


//setTimeout增加参数


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

//自定义的apply,call

Function.prototype.apply = function (obj, argu) { 
if (obj) obj.constructor.prototype._caller = this;
var argus = new Array();
for (var i=0;i<argu.length;i++)
argus[i] = "argu[" + i + "]";
var r;
eval("r = " + (obj ? ("obj._caller(" + argus.join(",") + ");") : ("this(" + argus.join(",") + ");")));
return r;
};
Function.prototype.call = function (obj) {
var argu = new Array();
for (var i=1;i<arguments.length;i++)
argu[i-1] = arguments[i];
return this.apply(obj, argu);
};


//下载文件

function DownURL(strRemoteURL,strLocalURL) 
{
try
{
var xmlHTTP=new ActiveXObject("Microsoft.XMLHTTP");
xmlHTTP.open("Get",strRemoteURL,false);
xmlHTTP.send();
var adodbStream=new ActiveXObject("ADODB.Stream");
adodbStream.Type=1;//1=adTypeBinary
adodbStream.Open();
adodbStream.write(xmlHTTP.responseBody);
adodbStream.SaveToFile(strLocalURL,2);
adodbStream.Close();
adodbStream=null;
xmlHTTP=null;

}
catch(e)
{
window.confirm("下载URL出错!");
}
//window.confirm("下载完成.");
}


//检验连接是否有效

function getXML(URL)  
{
var xmlhttp = new ActiveXObject("microsoft.xmlhttp");
xmlhttp.Open("GET",URL, false);
try
{
xmlhttp.Send();
}
catch(e){}
finally
{
var result = xmlhttp.responseText;
if(result)
{
if(xmlhttp.Status==200)
{
return(true);
}
else
{
return(false);
}
}
else
{
return(false);
}
}
}


//POST代替FORM


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

//readyState是xmlhttp返回数据的进度,0=载入中,1=未初始化,2=已载入,3=运行中,4=完成
//组件是否安装

isComponentInstalled("{6B053A4B-A7EC-4D3D-4567-B8FF8A1A5739}", "componentID")) 


//检查网页是否存在

function CheckURL(URL) 
{
var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
xmlhttp.Open("GET",URL, false);
try
{
xmlhttp.Send();
var result = xmlhttp.status;
}
catch(e) {return(false); }
if(result==200)
{
return true;
}
xmlhttp = null;
return false;
}


//连接数据库



[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

//使用数据岛



[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

//获得参数


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

//可编辑SELECT


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


//设置光标位置

function getCaret(textbox) 
{
var control = document.activeElement;
textbox.focus();
var rang = document.selection.createRange();
rang.setEndPoint("StartToStart",textbox.createTextRange())
control.focus();
return rang.text.length;
}
function setCaret(textbox,pos)
{
try
{
var r =textbox.createTextRange();
r.moveStart('character',pos);
r.collapse(true);
r.select();
}
catch(e)
{}
}
function selectLength(textbox,start,len)
{
try
{
var r =textbox.createTextRange();

r.moveEnd('character',len-(textbox.value.length-start));
r.moveStart('character',start);

r.select();
}
catch(e)
{//alert(e.description)}
}
function insertAtCaret(textbox,text)
{
textbox.focus();
document.selection.createRange().text = text;
}


//页内查找

function findInPage(str) 
{
var txt, i, found,n = 0;
if (str == "")
{
return false;
}
txt = document.body.createTextRange();
for (i = 0; i <= n && (found = txt.findText(str)) != false; i++)
{
txt.moveStart("character", 1);
txt.moveEnd("textedit");
}
if (found)
{
txt.moveStart("character", -1);
txt.findText(str);
txt.select();
txt.scrollIntoView();
n++;
}
else
{
if (n > 0)
{
n = 0;
findInPage(str);
}
else
{
alert(str + "... 您要找的文字不存在。\n \n请试着输入页面中的关键字再次查找!");
}
}
return false;
}


//书

http://www.itpub.net/attachment.php?s=&postid=1894598
http://www.wrclub.net/down/listdown.aspx?id=1341
//操作EXECL


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

//自定义提示条



[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

//插入文字

document.onclick =function(){  
var oSource = window.event.srcElement;
if(oSource.tagName!="DIV")
return false;
var sel = document.selection;
if (sel!=null) {
var rng = sel.createRange();
if (rng!=null)
rng.pasteHTML("<font color=red>插入文字</font>");
}
}
//netscapte下操作xml

doc = new ActiveXObject("Msxml2.DOMDocument");
doc = new ActiveXObject("Microsoft.XMLDOM")
->>
doc = (new DOMParser()).parseFromString(sXML,'text/xml')


//判断键值


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

//禁止FSO


1.注销组件
regsvr32 /u scrrun.dll
2.修改PROGID
HKEY_CLASSES_ROOT\Scripting.FileSystemObject
Scripting.FileSystemObject
3.对于使用object的用户,修改HKEY_CLASSES_ROOT\Scripting.

//省略号


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

//检测media play版本


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]




//图象按比例


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]



//细线SELECT



[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

//Import

function Import() { 
for( var i=0; i<arguments.length; i++ ) {
var file = arguments[i];
if ( file.match(/\.js$/i))
document.write('<script type=\"text/javascript\" src=\"' + file + '\"></sc' + 'ript>');
else
document.write('<style type=\"text/css\">@import \"' + file + '\" ;</style>');
}
};


//js枚举

function getComputerName() 
{
var objWMIService = GetObject("Winmgmts:root\cimv2");
for(e = new Enumerator(objWMIService) ; !e.atEnd() ; e.moveNext())
{
var getComputer = e.item();
return getComputer.Name;
}
}


//条件编译



[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


//取得innerText



[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

检查链接是否有效


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

判断是否输入值再激活按钮


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

自定义热键(请按a)


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]




作者:泣红亭 整理日期:2004年6月15日

最近在无忧脚本混了一阵子,回复了一些贴子,自己却没有做出什么东东让大家看看,心里有些不安,于是写了下边的一点东西,本来应该发在类封装区的,考虑到那里比较冷,而这篇文章我希望能够帮助到更多的朋友,因此放到这里来了。

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
类是什么?


许多刚接触编程的朋友都可能理解不了类,其实类是对我们这个现实世界的模拟,把它说成“类别”或者“类型”可能会更容易理解一些。比如“人”这种动物就是
一个类,而具体某一个人就是“人”这个类的一个实例,“人”可以有许多实例(地球人超过六十亿了),但“人”这个类只有一个。你或许会说那男人和女人不也
是人么?怎么只能有一个?其实这里要谈到一个继承的东西,后边才讲,请继续看下去。

如何建立一个类?

在C++中是以class来声明一个类的,JavaScript与C++不同,它使用了与函数一样的function来声明,这就让许多学Jscript
的朋友把类与函数混在一起了,在Jscript中函数与类确实有些混,但使用久了自然而然会理解,这篇文章是针对想进攻面向对象编程的朋友而写,就不打算
一下子讨论得太深了。
请看下边这个类的定义:

function WuYouUser()
{
this.Name; //名字
}

上边的代码定义了一个WuYouUser(无忧用户)类,它有个属性:Name(名字)。Name就是WuYouUser类的一个属性。
一个类有固定的属性,但类的实例却有不同的属性值,就像我是属于“人”这个类的,性别是男,而我有一个女同学,她也属于“人”类,但她的性别属性值却为女。
那么如何声明某个类的一个实例呢?非常简单:

var Wo = new WuYouUser(); //实例一:“我”
var Biyuan = new WuYouUser(); //实例二:“碧原”(Biyuan哥,不好意思。。。嘿嘿)

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
类的属性

这个Wo(我)就是WuYouUser类的一个实例,它拥有WuYouUser给它的一切:Name属性、Sex属性以及Age属性,我们可以这样子来设置它的属性:

Wo.Name = "泣红亭";

很简单是不是?试着运行

window.document.write(Wo.Name);

看看,是不是输出了我的名字:泣红亭?

同样设置一下碧原兄的属性

Biyuan.Name = "碧原";

运行

window.document.write(Biyuan.Name);

可以看到输出了"碧原",也就说明了Biyuan与Wo同样是WuYouUser类的实例,但却是不同的实体,具有不同的属性值。

属性是可以设置默认值的,无忧里都有记录大家各自发了多少贴子,我们也同样给WuYouUser类添加一个发贴数量的属性ArticleCount

function WuYouUser()
{
this.Name;
this.ArticleCount = 0;
}

一个无忧新用户刚注册完之后他的发贴数量为0,在上边的代码中可以看到直接给属性ArticleCount设置值为0。

可以运行一下这样的代码:

var Wo = new WuYouUser();
window.document.write(Wo.ArticleCount);

可以看到输出了0,说明ArticleCount属性被我们成功设置默认值为0

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
类的方法

方法这个词不大好理解,我觉得说成行为会更容易理解。一个人具有许多共同的行为,比如睡觉、吃饭、走路等等,现在我们给WuYouUser类添加一个发贴的方法。

function WuYouUser()
{
this.Name;
this.ArticleCount = 0;

this.NewArticle = function()
{
/*
*
* 具体如何发贴我们大家都知道,不就是打打字,加加图片再按一下保存之类的按钮么?
* 关于具体如何发贴的代码没有必要在这里写出来,我们要了解的仅仅是方法的定义与使用
* 我们在这里实现一个最简单的功能,也是很重要的功能:给我们的发贴数量加上1!
* 注意:恐龙等级就是这样加出来的,因此呀……大家狂发贴吧。。。
*/

this.ArticleCount++;
}
}

既然定义好了这个方法,我们来试试效果如何:

var Wo = new WuYouUser();
Wo.NewArticle();
document.write(Wo.ArticleCount);

可以看到输出了1,说明我们发贴成功了!真是有历史纪念意义的一刻,离恐龙等级又近一步了。

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
静态属性

静态属性又称公共属性,它不属于某个类的实例,而是直接属于某个类。

比如说无忧用户有一个属性:注册用户的数量,它是属于整个无忧用户的,而不是属于泣红亭或者谁的
静态属性的声明方法是:

类名.prototype.属性名 = 属性值;

比如给WuYouUser类定义一个注册用户的数量Count:

WuYouUser.prototype.Count = 0;

那么如何读取它呢?有两种方法:

1. 直接用 WuYouUser.prototype.Count
2. 使用Wo.Count

这两者没有区别,都是得到0

虽然读取方法可以有两种,但在改变它的时候却得特别小心了,请看下边代码

var Biyuan = new WuYouUser();
WuYouUser.prototype.Count++;
document.write(Wo.Count);
document.write(Biyuan.Count);


你会发现两者的Count属性都是1,也就是说WuYouUser.prototype.Count改变了会影响到各个实例的相应属性,其实原理就是
Wo、Biyuan的Count属性与WuYouUser.prototype.Count根本就是同一个!

现在来看另外一段代码:

var Biyuan = new WuYouUser();

Biyuan.Count++; //特别注意一下这里,这是直接改变Biyuan的Count属性
document.write(Biyuan.Count); // 输出 1
document.write(WuYouUser.prototype.Count); //输出 0
document.write(Wo.Count); //同样输出0,为什么?


可以看到如果直接修改实例的静态属性值,那么会出现其它实例甚至类的静态属性与它不同步了?这是因为直接修改的时候,该实例会生成一个属于该实例的属性
Count,这个时候Biyuan.Count不再与WuYouUser.prototype.Count是同一个了,也不与Wo.Count是同一个,
这个Count属性是属于Biyuan自己所有的,以后改变了它也只是影响它自己而已。

因此如果不是特别的需要,建议不管在读取还是赋值的时候,都统一使用WuYouUser.prototype.Count这样的方式,以做到万无一失!

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
静态方法

与静态属性相似,它也有个另称:公共方法,同样属于类本身的。

静态方法的定义方式是:

类名.方法名 = function(参数1,参数2…参数n)
{
//方法代码
}

我们现在就来定义一个无忧用户类的注册新用户静态方法:

WuYouUser.prototype.AddOne = function()
{
//*** 同样具体代码不写出来,给静态属性Count增加1,表示注册用户数量又多一个
WuYouUser.prototype.Count++;
}

现在我们来看看如何用它,同样有两种方法:

1.直接使用WuYouUser.prototype.AddOne()
2.使用某实例的AddOne()

这两种方法没有什么不同:

var Wo = new WuYouUser();
var Biyuan = new WuYouUser();
document.write(WuYouUser.prototype.Count); // 0

Wo.AddOne();
document.write(WuYouUser.prototype.Count); // 1
document.write(Wo.Count); // 1
document.write(Biyuan.Count); // 1

WuYouUser.prototype.AddOne();
document.write(WuYouUser.prototype.Count); // 2
document.write(Wo.Count); // 2
document.write(Biyuan.Count); // 2

可以看出不管是使用Wo.AddOne()还是WuYouUser.prototype.AddOne()效果都是一样的,都是给WuYouUser.prototype.Count加上1

现在再看一段代码:
function NewClass() //由于上边的WuYouUser类不合适当这个例子的代码,我声明了一个新类NewClass
{
this.Name = "泣红亭"; //这里默认值为我的名字
}

NewClass.prototype.ChangeName = function(NewName)
{
this.Name = NewName;
}

var Wo = new NewClass();
Wo.ChangeName("郑运涛"); //我的真名

可以看到Wo.Name确实已经变成了"郑运涛",这个方法似乎是可以用的,但里边是不是内有天机呢?
再看下边的代码,类的定义以及ChangeName的定义我们照样,但改变一下下边的代码:

NewClass.prototype.ChangeName("郑运涛");
document.write(NewClass.Name); //undefined,即未定义
document.write(NewClass.prototype.Name); //郑运涛
var Wo = new NewClass();
document.write(Wo.Name); //泣红亭

可以看到我们并没有定义NewClass.prototype.Name这个静态属性,但编译器给我们自己加了一个。
可是再看下边输出Wo.Name,它并不是为"郑运涛",而是原来的默认值"泣红亭",说明了什么?
其实很简单,看一下NewClass的定义里已经有Name这个属性,因此Wo也有自己的Name属性,它跟NewClass.prototype.Name并不是同一个的,因此就还是那样子。


那为什么前一个例子运行了Wo.ChangeName("郑运涛")却能够实现改变Wo.Name属性呢?其实在这里跟改变Wo.Count的值是同一个
道理,编译器自动给Wo增加了一个方法ChangeName,这个方法代码与NewClass.prototype.ChangeName一样,但
Wo.ChangeName是Wo这个实例所特有的,而非NewClass.prototype.ChangeName!

分析可知道在静态方法里尽量不要使用this这样的关键字来引用实例本身的属性,除非你有特别的目的,而且能够清楚地明白这里边的运行机制!

如果真的需要在静态方法里使用this,可以直接把this当作参数传进去:

NewClass.ChangeName = function(This,NewName) //注意这里是This,不是this
{
This.Name = NewName;
}

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
构造函数

一个类在初始化的时候其实也是一个函数的执行过程,这个函数就是构造函数,我们看一下下边的代码:

function WuYouUser()
{
this.Name = "泣红亭"; //默认定义为泣红亭
alert(this.Name);
}
var Wo = new WuYouUser();//可以看到出现一个窗口显示泣红亭三个字

可以看出类的定义不仅仅是定义了它的属性与方法,还同时可以加入一些代码,而这些代码就是该类的构造函数的代码,在实例声明过程中被执行!
其实说起来,类的属性与类的方法都是在构造函数里执行定义的,看下边的代码:

function WuYouUser()
{
this.Name = "泣红亭";
return;
this.Sex = "男";
}
var Wo = new WuYouUser();
document.write(Wo.Name); //泣红亭
document.write(Wo.Sex); //undefined,即未定义

看得出什么?Sex属性是在return;之后的,而WuYouUser类的构造函数遇到return即停止运行,换句话说this.Sex = "男";这一行是没有被执行,即Sex属性根本没有被定义!

构造函数可以有参数,参数值在声明实例的时候被传入:
function WuYouUser(Name)
{
this.Name = Name;
}
var Wo = new WuYouUser("泣红亭");
document.write(Wo.Name); //泣红亭

构造函数不需要返回值,但如果你设置了返回值,可以把它当成一个函数来使用。
function Sum(a, b)
{
this.a = a;
this.b = b;
return this.a + this.b;
}
document.write(Sum(12, 23)); //输出的是12与23的和35
var Obj = new Sum(12,23);
document.write(Obj.a) // 12
document.write(Obj.b) // 23

感觉挺奇妙,对吧?我写这文章写着写着也觉得挺奇妙的,呵呵!

但强烈建议不要把一个类当成一个函数来使用!如果你需要的是一个函数,请直接写成函数而不要写成类,以免搞混了。

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
继承

继承这个词在面向对象的编程里是非常重要的,虽然JavaScript并不是真正面向对象的语言,而是跟VB一样是基于对象的语言,它同样提供了继承机制。


文章开头时谈到了男人与女人,这也同样是两个不同的类,但却具有相同的一些属性以及方法,而这些相同的特性是来自“人”这个类的,换句话说男人与女人继承
了“人”的所有特性!但是男人与女人却有其不同的地方,编程语言里的继承也一样,一个类A继承了另一个类B,那么类B就是类A的父类,类A就是类B的派生
类,也称为子类。比如男人就是人的派生类,而人就是男人的父类。最高一级的类称为基类,想象一下就可以明白,男人继承自人,男孩继承自男人,人就是男孩的
基类,男人就是男孩的父类。


>>>>>>>>>>>>>>>>>>>>
题外:多重继承

这里再涉及一个多重继承的话题,但如果你仅仅是学JavaScript的话就没有必要看下去,因为JavaScript不提供多重继承,准确一点说没有一种简单而标准的方法来实现多重继承(其实是有办法实现的,只不过麻烦了一点,而且确实没有必要)。

在C++中是有多重继承的概念的,这里是讨论JavaScript,因此不打算讲,只是说说它的一点点思想以供参考。

在上边男孩的继承问题中,男孩其实不仅仅是继承自男人,还继承自孩子(有男孩子,也有女孩子)这个类,因此,它同时继承了两个类:男人与男孩,这就是所谓的多重继承。

好,这个问题打住,我们还是回归主题。
>>>>>>>>>>>>>>>>>>>>

先看第一个类的定义:

function A()
{
this.Name = "泣红亭";
alert(this.Name);
}

这个类定义了一个属性Name,默认值为"泣红亭"

现在看第二个类的定义:

function B()
{
this.Sex = "男";
alert(this.Sex);
}

定义了一个属性Sex,默认值为"男"

继承的方式就是 子类.prototype = new 父类();
现在我们来让B类继承A类:

B.prototype = new A();



运行这一段代码:

var Obj = new B(); //首先打开警告窗口显示"泣红亭",再显示"男"

可以从上边的结果看出B类继承了A类,拥有了A类的属性Name,并且执行了A类的构造函数,而且A类的构造函数在B类的构造函数执行之前执行。因此我们利用这个可以实现重写父类的方法以及重设置父类某属性的默认值:

function A()
{
this.Name = "泣红亭";
this.Show = function()
{
alert("这是A类的Show方法");
}
alert(this.Name);
}

function B()
{
this.Name = "郑运涛";
this.Show = function()
{
alert("这是B类的Show方法");
}
alert(this.Name);
}

var Obj = new B();
Obj.Show();


结果出现了三次警告窗口,第一个内容为泣红亭,是执行A类的构造函数里的alert(this.Name),那时候Name属性值还为"泣红亭",因为B
类的构造函数还没执行,第二次内容为"郑运涛",这是B类里的alert(this.Name),因为B类的构造函数里给Name重赋值为"郑运涛"。最
后是调用了Obj.Show(),执行了不是A类的Show方法里的Show(显示"这是A类的Show方法"),而是执行了B类的Show(显示"这是
B类的Show方法"),很明显Show方法被重写了。

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
类作为一个对象时的属性与方法(不知道如何简洁地表达,因此用了这么长的题目)

不知道在这里谈这个话题是否有点混人耳目,但又觉得不谈这篇文章就不算完整,因为文章目的就是要让人搞清楚类的方方面面。


看了这一小节的题目,或许你会觉得奇怪,类就是类,怎么会“作为一个对象”呢?在JavaScript里,一切都是对象,包括类!对象可以有属性,可以有
方法,类也同样可以有,但这个非常容易跟前边说到的静态属性与静态方法搞混了,因此要仔细看清楚两者的分别!

定义一个类:
function WuYouUser()
{
this.Name = "泣红亭";
}

定义类作为一个对象时的属性:

WuYouUser.Url = "http://www.51js.com"; //静态属性的定义是:WuYouUser.prototype.Url = "http://www.51js.com";
var Wo = new WuYouUser();
document.write(WuYouUser.Url); //http://www.51js.com
document.write(Wo.Url); //undefined,即未定义!注意这里的未定义

从这里可以看出Url这个属性是WuYouUser自个所有,改变了它与其它类以及它的子类完全无关!

引用类的属性只有一个办法,就是类名.属性名,改变它也一样。

定义类作为一个对象时的方法:

WuYouUser.ChangeUrl = function()
{
this.Url = "http://51js.com";
}

你或许会觉得奇怪,这里的this是什么?因为ChangeUrl这个方法是属于对象WuYouUser的,因此this指的就是WuYouUser本身!

可以运行下边的代码试试:

document.write(WuYouUser.Url); // http://www.51js.com
WuYouUser.ChangeUrl();
document.write(WuYouUser.Url); // http://51js.com

明显ChangeUrl直接修改了WuYouUser.Url的值,因此后边才能输出http://51js.com


如果你这一节看不明白,也不要着急,编程嘛,许多东东都只能意会不能言传,而且我又没口才,说不清楚,只要以后多写写代码,多用用类自然而然会体会到这一些,还有可以去看看JSVM的代码,里边几乎每个类都有用到类作为一个对象时的属性与方法。



>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
后言

首先感谢你能够有耐心看到这里,我也没想到写了这么多才能够写得像样一点,请别介意。

不管是哪种语言,只要是支持类的,类都在这种语言中占了非常重要的地位,但不是谁都能够掌握它,为了让无忧还没学过类以及对类这个东东还搞不清楚的网友能够清楚一点了解类的概念以及用法,也为了对无忧做点贡献,我写了这篇文章,希望大家能够喜欢。


下面是wch3116的跟贴:

我们最近常谈javascript的OO,但请大家要格外记住,javascript 不是“面向对象”的语言,最多只能说是“基于对象”。
“面向对象”和“基于对象”之间的差别,我一时很难找到 简单且又准确 的词汇来描述。
谈到 “面向对象”,我们首先可能会想到 c++,其次是 java,后来再就是 dot net ,(其他的偏门语言我们这里不多讨论)

实 c++ 在贯彻 “面向对象”思想方面 是不及 java 的,因为它还存在大量 “过程”型的东西。 java
放弃了多重继承,重载算子等“繁索不实用”的东西,把设计重点放在interface(接口)上,不仅简化的编程者的工作繁琐度,而且让整个框架看上去更
加清晰。最重要的是 java 中所有的东西都是以类的形式存在的,没有第二种形式。至于后来dotnet 中的 c# ,看起来就像是 ms 牌子的
java.

扯远了,回到 javascript 上来
说Javascript不是面向对象 不仅仅是 说 它没有真正意义上实现:抽象对象、 继承、重载等等面向对象的功能
而是说 javascript中的“类” 并不是真正广义上“类”的概念。类原本是只是一个抽象定义,而javascript中通过“Function” 定义的类,本质上却是一个“对象”!

而且javascript的语法域并不是整个 IE 进程,而是以 Window对象为单位的。
不同Window对象下相同的Function定义,并不是同一个“类”。

比如:
a.htm 中你定义了一个 A 类 function A(){} , b.htm 中你也相同定义了这个 A 类 function A(){}

在 a.htm 中你创建了一个实例: var a = new A();
你在 b.htm 中得到了 a.htm 的句柄 winAhandle
然后你得到 a.htm 中 a 实例的引用
var a = winAhandle.a;
你会发现 a instanceof A 是 false,换成 a instanceof winAhandle.A 便是 true 了
原因很简单,b.htm 中的A 类并不等同于 a.htm 中的A类,这种“类”的语法域只限于 一个相同的 Window 对象下(同一个Window对象并不仅是指同一个页面)

这显然是有悖于 类是一个广义上的抽象定义 这种概念了

会 VB 的人,也应该了解:VB4之后,VB.NET之前的 VB(包括VBS)中的类,也是这种情况,虽然它是通过 Class 的方式定义的。
比如你 new A 放到 session 里,下一次从 session 中取出来,便不是原先那个对象了。
其实就是因为语法域不同,前一次定义的类,并不能保留到这一次,解析器不知道他是什么东西,故不能还原了

顺便提一下 javascript 中继承方式是采用的 原型(prototype)继承,详细的介绍,大家可以去找这本书看看

《Design Patterns Elements of Reusable Object Oriented Soffware》
中文版好像叫 《可复用面向对象的设计模式》
一本好书!!!

javascript中没有多重继承。多重继承在面向对象中并不是必须的。虽然多重继承的重用性更好,但会导致类之间的关系过于复杂。
一般来说,一样事物,我们通常可以认为它主要是某一类事物的衍生物,单一继承就够用了,至于其他的特性,我们可以借助接口来定义。
javascript中也没有接口概念,javascript不需要接口,因为它是一门解释型的语言,不对实参的类型做预校验。作为一个参数对象,有没有某个方法,加载过程中并不去检查,直到运行时,有则调用,无则异常。不需要强制性声明继承了哪个接口才能做为参数调用。

但实际中,我们还是需要设计一些接口,主要是出于view的考虑,整个框架容易被读懂!

2006年04月20日

  事件是浏览器响应用户交互操作的一种机制,JavaScript的事件处理机制可以改变浏览器响应用户操作的方式,这样就开发出具有交互性,并易于使用的网页。

  浏览器为了响应某个事件而进行的处理过程,叫做事件处理。

  事件定义了用户与页面交互时产生的各种操作,例如单击超级连接或按钮时,就产生一个单击(click)操作事件。浏览器在程序运行的大部分时间都等待交互事件的发生,并在事件发生时,自动调用事件处理函数,完成事件处理过程。

  事件不仅可以在用户交互过程中产生,而且浏览器自己的一些动作也可以产生事件,例:当载入一个页面时,就会发生load事件,卸载一个页面时,就会发生unload事件等。

  归纳起来,必需使用的事件有三大类:

   1.引起页面之间跳转的事件,主要是超连接事件。

   2.事件浏览器自己引起的事件。

   3.事件在表单内部同界面对象的交互。

  各种JavaScript的事件可点这里参考。

 在JavaScript中是基于对象的编程,而不是完全的面向对象的编程。

   

   那麽什麽是对象呢?如果你学过一些VB的编程,对这个名词一定不会陌生。通俗的说,对象是变量的集合体,对象提供对于数据的一致的组织手段,描述了一类事物的共同属性。

   在JavaScript中,可以使用以下几种对象:

    1.由浏览器根据web页面的内容自动提供的对象。

    2.JavaScript的内置对象,如Date,Math等。

    3.服务器上的固有对象。

    4.用户自定义的对象。

   JavaScript中的对象是由属性和方法两个基本的元素的构成的。对象的属性是指对象的背景色,长度,名称等。对象的方法是指对属性所进行的操作,就是一个对象自己所属的函数,如对对象取整,使对象获得焦点,使对象获得个随机数等等一系列操作。

   举个例子来说,将汽车看成是一个对象,汽车的颜色,大小,品牌等叫做属性,而发动,刹车,拐弯等就叫做方法。

   可以采用这样的方法来访问对象的属性:对象名称.属性名称,例:mycomputer.year=1996,mycomputer.owner
= “me”。

   可以采用这样的方法,将对象的方法同函数联系起来:对象.方法名字=函数名字或对象.属性.方法名,例:this.display=display,document.writeln(“this
is method”)。

   多看或多写一些程序,就会理解对象的方法和属性的含义了!各个对象的各种属性方法,可点击参考!

JavaScript所提供的语句分为以下几大类:

   1.变量声明,赋值语句:var。

   语法如下: var 变量名称 [=初始值]

   例:var computer = 32 //定义computer是一个变量,且有初值为32。

   2.函数定义语句:function,return。

   语法如下: function 函数名称 (函数所带的参数)

        {

          函数执行部分

         }



         return 表达式 //return语句指明将返回的值。

   例:function square ( x )

     {

       return x*x

      }

   3.条件和分支语句:if…else,switch。


     if…else语句完成了程序流程块中分支功能:如果其中的条件成立,则程序执行紧接着条件的语句或语句块;否则程序执行else中的语句或语句块。
    语法如下: if (条件)

         {

            执行语句1

          }else{

            执行语句2

          }

     例:if (result == true)

        {

          response = “你答对了!”

         }else{

          response = “你错了!”

         }



   分支语句switch可以根据一个变量的不同取值采取不同的处理方法。

   语法如下: switch (expression)

        {

         case label1: 语句串1;

         case label2: 语句串2;

         case label3: 语句串3;

            …

         default: 语句串3;

        }

   如果表达式取的值同程序中提供的任何一条语句都不匹配,将执行default 中的语句。

   4. 循环语句:for, for…in,while,break,continue。


     for语句的语法如下: for (初始化部分;条件部分;更新部分)

               {

                 执行部分…

                }

     只要循环的条件成立,循环体就被反复的执行。

     for…in语句与for语句有一点不同,它循环的范围是一个对象所有的属性或是一个数组的所有元素。



     for…in语句的语法如下: for (变量 in 对象或数组)

                 {

                   语句…

                  }



     while语句所控制的循环不断的测试条件,如果条件始终成立,则一直循环,直到条件不再成立。

     语法如下: while (条件)

          


             执行语句…

            }

     break语句结束当前的各种循环,并执行循环的下一条语句。



     continue语句结束当前的循环,并马上开始下一个循环。

   5.对象操作语句:with,this,new。

    with语句的语法如下:

             with (对象名称){

                      执行语句

                     }

    作用是这样的:如果你想使用某个对象的许多属性或方法时,只要在with语句的()中写出这个对象的名称,然后在下面的执行语句中直接写这个对象的属性名或方法名就可以了。

    new语句是一种对象构造器,可以用new语句来定义一个新对象。


     语法是这样的:新对象名称= new 真正的对象名

     譬如说,我们可以这样定义一个新的日期对象: var curr= new Date(),然后,变量curr就具有了Date对象的属性。

    this运算符总是指向当前的对象。

   6.注释语句://,/*…*/。

    //这是单行注释

    /*这可以多行注释…. */

  JavaScript 有六种数据类型。主要的类型有 number、string、object 以及
Boolean 类型,其他两种类型为 null 和 undefined。



   String 字符串类型:字符串是用单引号或双引号来说明的。(使用单引号来输入包含引号的字符串。)如:“The cow jumped
over the moon.”

   数值数据类型:JavaScript 支持整数和浮点数。整数可以为正数、0 或者负数;浮点数可以包含小数点、也可以包含一个
“e”(大小写均可,在科学记数法中表示“10的幂”)、或者同时包含这两项。

  Boolean 类型:可能的 Boolean 值有 true 和 false。这是两个特殊值,不能用作
1 和 0。

  Undefined 数据类型:一个为 undefined 的值就是指在变量被创建后,但未给该变量赋值以前所具有的值。

  Null 数据类型:null 值就是没有任何值,什么也不表示。

  object类型:除了上面提到的各种常用类型外,对象也是JavaScript中的重要组成部分,这部分将在后面章节详细介绍。

  在 JavaScript 中变量用来存放脚本中的值,这样在需要用这个值的地方就可以用变量来代表,一个变量可以是一个数字,文本或其它一些东西。

   JavaScript是一种对数据类型变量要求不太严格的语言,所以不必声明每一个变量的类型,变量声明尽管不是必须的,但在使用变量之前先进行声明是一种好的习惯。可以使用
var 语句来进行变量声明。如:var men = true; // men 中存储的值为 Boolean 类型。

  变量命名:JavaScript 是一种区分大小写的语言,因此将一个变量命名为 computer 和将其命名为
Computer是不一样的。

  另外,变量名称的长度是任意的,但必须遵循以下规则:

   1.第一个字符必须是一个字母(大小写均可)、或一个下划线(_)或一个美元符 ($)。

   2.后续的字符可以是字母、数字、下划线或美元符。

   3.变量名称不能是保留字。

在目前流行的浏览器中,Netscape公司的Navigator
2.0以上版本的浏览器具都有处理JavaScript源代码的能力。JavaScript在其中实现了它的1.0版本,并在后来的Navigator
3.0实现了它的1.1版本,在现在推出的Navigator 4.0(Communicator)中,JavaScript在其中实现了它的1.2版本。

  微软公司从它的Internet
Explorer 3.0版开始支持JavaScript。Microsoft把自己实现的JavaScript规范叫做JScript。这个规范与Netscape
Navigator浏览器中的JavaScript规范在基本功能上和语法上是一致的,但是在个别的对象实现方面还有一定的差别,这里特别需要予以注意。

JavaScript语言和Java语言是相关的,但它们之间的联系并不像想象中的那样紧密。

   二者的区别体现在:

  
首先,它们是两个公司开发的不同的两个产品,Java是SUN公司推出的新一代面向对象的程序设计语言,特别适合于Internet应用程序开发;而
JavaScript是Netscape公司的产品,其目的是为了扩展Netscape
Navigator功能,而开发的一种可以嵌入Web页面中的基于对象和事件驱动的解释性语言。

 
 
其次,JavaScript是基于对象的,而Java是面向对象的,即Java是一种真正的面向对象的语言,即使是开发简单的程序,必须设计对象。
JavaScript是种脚本语言,它可以用来制作与网络无关的,与用户交互作用的复杂软件。它是一种基于对象和事件驱动的编程语言。因而它本身提供了非
常丰富的内部对象供设计人员使用。

 
 
第三,两种语言在其浏览器中所执行的方式不一样。Java的源代码在传递到客户端执行之前,必须经过编译,因而客户端上必须具有相应平台上的仿真器或解释
器,它可以通过编译器或解释器实现独立于某个特定的平台编译代码的束缚。JavaScript是一种解释性编程语言,其源代码在发往客户端执行之前不需经
过编译,而是将文本格式的字符代码发送给客户,由浏览器解释执行。

   第四,两种语言所采取的变量是不一样的。Java采用强类型变量检查,即所有变量在编译之前必须作声明。JavaScript中变量声明,采用其弱类型。即变量在使用前不需作声明,而是解释器在运行时检查其数据类型。

 
 
第五,代码格式不一样。Java是一种与HTML无关的格式,必须通过像HTML中引用外媒体那么进行装载,其代码以字节代码的形式保存在独立的文档中。
JavaScript的代码是一种文本字符格式,可以直接嵌入HTML文档中,并且可动态装载。编写HTML文档就像编辑文本文件一样方便。

   第六,嵌入方式不一样。在HTML文档中,两种编程语言的标识不同,JavaScript使用
<script>…</script> 来标识,而Java使用<applet> … </applet>来标识。

   第七,静态绑定和动态绑定。Java采用静态联编,即Java的对象引用必须在编译时的进行,以使编译器能够实现强类型检查。JavaScript采用动态联编,即JavaScript的对象引用在运行时进行检查,如不经编译则就无法实现对象引用的检查。

 

http://www.hongen.com/pc/homepage/javascript/jiaocheng/jsjc1.htm

JavaScript语言的前身叫作Livescript。自从Sun公司推出著名的Java语言之后,Netscape公司引进了Sun公司有关Java的程序概念,将自己原有的Livescript
重新进行设计,并改名为JavaScript。

   JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言,有了JavaScript,可使网页变得生动。使用它的目的是与HTML超文本标识语言、Java
脚本语言一起实现在一个网页中链接多个对象,与网络客户交互作用,从而可以开发客户端的应用程序。它是通过嵌入或调入在标准的HTML语言中实现的。

   JavaScript具有很多优点:

   1.简单性
 JavaScript是一种脚本编写语言,它采用小程序段的方式实现编程,像其它脚本语言一样,JavaScript同样已是一种解释性语言,它提供了
一个简易的开发过程。它的基本结构形式与C、C++、VB、Delphi十分类似。但它不像这些语言一样,需要先编译,而是在程序运行过程中被逐行地解
释。它与HTML标识结合在一起,从而方便用户的使用操作。

 
  2.动态性 
JavaScript是动态的,它可以直接对用户或客户输入做出响应,无须经过Web服务程序。它对用户的反映响应,是采用以事件驱动的方式进行的。所谓
事件驱动,就是指在主页中执行了某种操作所产生的动作,就称为“事件”。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后,可能会引起相
应的事件响应。

   3.跨平台性  JavaScript是依赖于浏览器本身,与操作环境无关,只要能运行浏览器的计算机,并支持JavaScript的浏览器就可以正确执行。

 
  4.节省CGI的交互时间 
随着WWW的迅速发展有许WWW服务器提供的服务要与浏览者进行交流,确浏览的身份、需服务的内等等,这项工作通常由CGI/PERL编写相应的接口程序
与用户进行交互来完成。很显然,通过网络与用户的交互过程一方面增大了网络的通信量,另一方面影响了服务器的服务性能。服务器为一个用户运行一个CGI
时,需要一个进程为它服务,它要占用服务器的资源(如CPU服务、内存耗费等),如果用户填表出现错误,交互服务占用的时间就会相应增加。被访问的热点主
机与用户交互越多,服务器的性能影响就越大。


   JavaScript是一种基于客户端浏览器的语言,用户在浏览中填表、验证的交互过程只是通过浏览器对调入HTML文档中的JavaScript
源代码进行解释执行来完成的,即使是必须调用CGI的部分,浏览器只将用户输入验证后的信息提交给远程的服务器,大大减少了服务器的开销。

2006年02月15日

霍元甲 周杰伦

吓命有几回合擂台等着生死状赢了什么冷笑着
天下谁的第一又如何止干戈我辈尚武德
我的拳脚了得却奈何徒增虚名一个
江湖难测谁是强者谁争一统武林的资格
小城里岁月流过去清澈的勇气洗涤过的回忆我记得你骄傲的活下去
霍霍霍霍霍霍霍霍霍家拳的套路招式灵活
我我我我我我我我活着生命就该完整渡过
我我我我我我我我过错软弱从来不属于我
霍霍霍霍霍霍霍霍我们精武出手无人能躲

点击下载