liu_zhongjie的专栏

不是原型继承那么简单！！prototype的深度探索1 什么是prototype       JavaScript中对象的prototype属性，可以返回对象类型原型的引用。这是一个相当拗口的解释，要理解它，先要正确理解对象类型(Type)以及原型(prototype)的概念。        前面我们说，对象的类（Class）和对象实例（Instance）之间是一种“创建”关系，因此我们把“类

function setFrameHeight(obj){ var win=obj; if (document.getElementById) {  if (win  &&  !window.opera)  {   if (win.contentDocument  &&  win.contentDocument.body.offsetHeight)    win.height = win.co

按A就会跳转到娃娃亲的网页,请按A var hotkey=97 var destination="http://www.wawaqin.com" if (document.layers) document.captureEvents(Event.KEYPRESS) function backhome(e){ if (document.layers){ if (e.which==hotkey) w

New Document －阿里西西WEB开发www.alixixi.com>var mousex=new Array();var mousey=new Array();var i;var j=0;var k;var recordcount=0;var repeat;var repeat2;var repeat3;var speed=50;function startthis() {re

 if (window.Event)   document.captureEvents(Event.MOUSEUP);  function nocontextmenu() { event.cancelBubble = true event.returnValue = false;  return false;} function norightclick(e) { if (window.Event

按这里移动var Obj=document.onmouseup=MUpdocument.onmousemove=MMovefunction MDown(Object){Obj=Object.iddocument.all(Obj).setCapture()pX=event.x-document.all(Obj).style.pixelLeft;pY=event.y-document.al

var isNav = (navigator.appName.indexOf("Netscape") !=-1); function handlerDC(e){ Xdc = (isNav) ? E.pageX : event.clientX; Ydc = (isNav) ? E.pageY : event.clientY; document.dataholder.dcX.value=Xdc; d

脚本说明:把如下代码加入区域中.english { FONT-SIZE: 11px; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"}.tenpt { FONT-SIZE: 14px}.editbox1 { BORDER-RIGHT: #665b8e 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #665b

阿里西西_Web开发body{ border:0px; margin:0px; overflow:hidden; background-color:transparent; font-family:宋体;}.page{ position:absolute; width:700px; border:1px solid #999; background-color:#000; left:425px; 

#content { font-size: 14px; width: 200px; height: 50px; background: #eee; padding: 10px; border: 4px #ccc double; overflow: hidden;}#key { color: red; float: right; margin-top: -20px;}var s=5;var minh

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">JS图片滚动TABLE { BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM

CSS+JS滚动图片功能代码TD { FONT-SIZE: 12px;BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-TOP: 0

http://www.w3.org/TR/html4/strict.dtd">JavaScript图片特效 html {  overflow: hidden; } body {  position: absolute;  margin: 0px;  padding: 0px;  background: #111;  width: 100%;  height: 100%; } #screen {  

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">删除节点--www.codefans.net   function delNode()  {   var deleteN=document.getElementById(di);   if(deleteN.hasChild

颜色渐变if (document.all){one=new Array();two=new Array();var a=10;var b=11;var c=12;var d=13;var e=14;var f=15;var width = 930;var height = 60;var gap = 5;var direction = 0;one[0]=f;one[1]=f;one[2]=0;t

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">javascript获取对象封装#test{width:600px;height:auto;overflow:hidden;padding:9px;border:#FF0000 1px solid;background-col

/*   Class that defines a standard ratings component.*/// Messages for display above the individual ratings units. The length of the// array also defines how many units to include in the component.yg_

v/:*{behavior:url(#default#VML)}           VML   

 Published by canque on February 26, 2008 04:27 pm under [web发展] Tags: javascript, 面向对象编程 javascript曾一度被认为是玩具型的语言，因为它太容易上手，而且，javascript曾一度担任为web站点“打杂”的职责。直到Ajax的兴起，这个在幕后默默无闻多年的语言才崭露头角，它的灵活性赋予了开

  Published by canque on February 26, 2008 05:23 pm under [web发展] Tags: javascript, 面向对象编程 [javascript模拟传统OOP]javascript是一种非常灵活的语言，它的灵活度足以让你模拟传统的OOP。主流的javascript框架大都实现了这个功能，这里给出我的实现办法：OOP.js(

 Published by canque on January 11, 2008 12:43 am under [web发展] Tags: javascript, 可用性 不论是浏览器还是操作系统，对中文的支持已经有了长足的进步，但是在一些细节方面仍然存在不足。比如，在windows文件浏览时，我们可以通过按下文件夹名的首字母来快速定位文件夹，但是对于文件夹名为中文的文件夹却无

Published by canque on February 26, 2008 11:43 pm under [web发展] Tags: javascript, 面向对象编程 [Interface,Class.implement 接口及实现]接口规定了一些方法，如果一个类实现了接口所定义的所有方法，就叫做实现了这个接口。诚然，javascript来模拟接口会带来一些效率上的损失，但是在大

Published by canque on February 27, 2008 04:42 pm under [web发展] Tags: javascript, 面向对象编程 继承是面向对象语言中的一个重要概念，现在我们来探讨一下继承。在网上搜一下javascript继承，可以得到无数关于javascript继承的文章。这些文章可能使用了很多让人眼花缭乱的技巧。但是，大多数情况下，其核心

click() 对象.click() 使对象被点击。  closed 对象.closed 对象窗口是否已关闭true/false  clearTimeout(对象) 清除已设置的setTimeout对象  clearInterval(对象) 清除已设置的setInterval对象  confirm("提示信息") 弹出确认框，确定返回true取消返回false  cursor:样式 更改鼠标样式 

 页面自动刷新代码大全，基本上所有要求自动刷新页面的代码都有，大家可以自由发挥做出完美的页面。 1)10表示间隔10秒刷新一次2)window.location.reload(true);如果是你要刷新某一个iframe就把window给换成frame的名字或ID号3)window.navigate("本页面url");4>function abc(){window.loc

<!-- var newasp_fontsize=9; var newasp_lineheight=12; //--> 8){NewsContentLabel.style.fontSize=(--newasp_fontsize)+"pt";NewsCo

New Document sortitems = 1; // Automatically sort items within lists? (1 or 0)function move(fbox,tbox) {for(var i=0; i    if(fbox.options[i].selected && fbox.options[i].value != "") {     var no

<script type="text/javascript" src="http://slideshow.triptracker.net/slide.js"><!-- var viewer = new PhotoViewer(); viewer.add(/photos/my-photo-1.jpg); viewer.add(/photos/my-photo-2.

http://www.apple.com/qtactivex/qtplugin.cab"   >                  http://www.apple.com/quicktime/download/indext.html">   http://www.apple.com/quicktime/download/indext.html">       

  SCA Ad Image Processdiv#adBox{width:437px;padding:4px;border:1px #D7D6D6 solid;overflow:hidden;}div#adBox .imgBox{height:316px;width:437px;}div#adBox #control{width:437px;height:12px;ove

幻灯图片切换var n=0;说明:默认系统对function不执行,除非触发了一个事件.因此以下function不执行,找到不是function的语句先 function Mea(value){ n=value; plays(value); }4.Mea(value)也就相当于Mea(1),value=1,然后 plays(value);也就是 plays(1);找出pla

http://blog.youkuaiyun.com/teachy521/archive/2008/12/02/3429102.aspx 通过Google搜索iframe 自适应高度，结果5W多条，搜索iframe 高度自适应，结果2W多条。 我翻了前面的几十条，刨去大量的转载，有那么三五篇是原创的。而这几篇原创里面，基本上只谈到如何自适应静的东西，就是没有考虑到JS操作DOM之后，如何做动态同步的问题。另外

onload="this.height=100"> function reinitIframe(){ var iframe = document.getElementById("frame_content"); try{ var bHeight = iframe.contentWindow.document.body.scrollHeight; var dHeight = iframe.cont

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> JavaScript: showPages v1.0 [by Lapuasi.com]/*showPages v1.1=================================Infomation------

CSS+JS打造带渐变的进度条#load{width:500px;height:25px;border:1px #000 solid;}#loading{position:absolute;z-index:2;height:23;filter:progid:DXImageTransform.microsoft.gradient(gradienttype=1,startColorStr=white,