物件導向的選項卡

2021-08-04 13:03:13 字數 926 閱讀 5630

1、物件導向的選項卡在直接書寫上比較困難,咱們可以先用面向過程的方式寫乙個選項卡,然後按照:將變數變為屬性,將函式變為方法的方式,通過建構函式替換window.onload進而初始化程式。

2.首先應該將其函式巢狀進行替換,使其不包含函式巢狀成分,然後看清楚this指向的值在對個別進行調整。

lang="en">

charset="utf-8">

物件導向的選項卡title>

#div1

input

#div1

input

.active

#div1

div

style>

window.onload=function();

function

tabswitch

(id);}

};//obtn可以是任意值,只要與下文對應即可

tabswitch.prototype.fnmouse=function

(obtn)

obtn.classname='active';

this.adiv[obtn.index].style.display='block';

};

script>

head>

id="div1">

type="button"

value="1"

class="active">

type="button"

value="2">

type="button"

value="3">

style="display: block;">111div>

222div>

333div>

div>

body>

html>

物件導向選項卡

html 11111 22222 33333 11111 22222 33333 css div1 div,div2 div active js var oparent document.getelementbyid div1 var ainput oparent.getelementsbytagn...

物件導向選項卡

布局很簡單。第乙個選項卡box,第二個選項卡box2,這體現了物件導向建構函式級原型最大的優點 復用!div class box id box input type button value 按鈕1 class on input type button value 按鈕2 input type bu...

選項卡套選項卡

實現 項卡套小選項卡 項卡切換同時小選項卡也進行切換,且每次 項卡的切換是在小選項卡切換完後進行 大的外層的選項卡 大的選項卡內部有乙個小的選項卡 功能 自動切換 滑鼠經過切換 方案一 不可行 開兩個定時器,乙個控制外層選卡,乙個控制內層選卡。仔細分析發現,外層選項卡的切換是需要在內層選卡全部切換完...