物件導向 拖拽與繼承

2021-08-26 23:13:47 字數 682 閱讀 9647

面向過程的拖拽:

物件導向的拖拽:

繼承:繼承父類的屬性和方法。

屬性通過call來繼承,原型通過乙個for迴圈來實現繼承。

如下:function limitdrag(id);

for(var i in drag.prototype)

limitdrag.prototype.fnmove=function (ev)

else if(l>document.documentelement.clientwidth-this.odiv.offsetwidth)

this.odiv.style.left=l+'px';

this.odiv.style.top=t+'px';

};談談系統物件:

1,宿主物件:由瀏覽器提供的物件。(通常是dom,bom。但是node.js不一樣了,它是在後台編寫js,所以它有一套新的宿主物件,而不再是dom,bom了)

2,本地物件(與內建物件都是js本身所具有的,沒得的話就不叫js了)

即非靜態物件,常用:object,function,date,array,string,boolean,number,regexp

3,內建物件

即靜態物件,global與math

global:僅存在於概念裡,用來讓全域性變數什麼的進行歸屬,不能使用。

math:直接能用,不需要例項化。

js物件導向拖拽

drag.js實現拖拽,沒有控制邊界,使用draglimit.js繼承drag.js再實現了邊界控制drag.html draj.js 物件導向拖拽 param id 拖拽目標div的id function drag id 滑鼠按下 drag.prototype.fndown function ev...

物件導向div拖拽

html css div js odiv.onmousedown function ev document.onmousemove function ev else if l document.documentelement.clientwidth odiv.offsetwidth 縱向 if t ...

Metatable與物件導向 繼承

lua是個面向過程的語言,但通過metatable可以模擬出物件導向的樣子.其關鍵就在於 index這個域.他提供了表的索引值入口.這很像重寫c 中的索引器,當表要索引乙個值時如table key lua會首先在table本身中查詢key的值,如果沒有並且這個table存在乙個帶有 index屬性的...