面向对象写选项卡拖拽

Posted 2020-08-14

js：

面向对象说白了就是一个黑匣子，所谓黑匣子就是知道具体怎么弄但不了解里面运转流程。

面向对象的组成：属性、方法。

属性其实也就是js里面常用的对象，只不过换了一只叫法。

至于方法则是js里面常用的函数。

唯一两者的区别，属性和方法是被定义的，也就是它们是被束缚的，反之，函数、对象异然。

例子：

var a=12;

alert(a);               //对象是自由的

var arr=[1,2,3,4];

arr.a=14;

alert(arr.a);         //属性被束缚

 

function aaa()

{

　　alert(123);

}

var arr=[1,2,3];

arr.aaa=function()

{

　　alert(123);

}

aaa();

arr.aaa();

 

选项卡，拖拽用复合方式。

 

所谓复合方式区别于工厂方式，也就是由构造函数和原型组成。

 

构造函数里面大多是由方法组成。

 

而原型通常就相当于函数。

屏幕的宽度=document.document.Element.clientWidth.

或许鼠标的位置：

oEvent=ev||event;

oEvent.clientX;oEvent.clientY;