事件物件及table選項卡

var a =20;

// 相當於 window.a = 20
// alert(this); // 指向window
alert
(this
.a);
// 輸出20, 指向 window.a

function

text()
}// text(); // text() 相當於 window.text()

var obj1 =

newtext()
;var obj2 =
newtext()
;var c = obj1.b;
console.
log(obj2.a)
; console.
log(c(
));

在事件發生時，負責處理事件的函式，會接受到乙個event物件

瀏覽器負責處理事件， js負責告訴瀏覽器 如何處理

幹嘛用的？

用來儲存 事件源的資訊 例如： 滑鼠的位置 鍵盤的編碼

將這些資訊提供給開發者， 便於開發者進行編碼

event物件 的屬性

window.

onload
=function()
//2.將指定的元素顯示
// this: 在事件中使用時，指向這個事件的呼叫者
box[0]
.style.display =
"block";}
//優化方法：
// 1. 變數j 無法獲取迴圈過程中的值，只能獲取到最後的結果
// 2. 使用時，無法直接找到j的新儲存位址
for(
var j =
0; j < but.length; j++
)//2.將指定的元素顯示
// this: 在事件中使用時，指向這個事件的呼叫者
box[
this
.index]
.style.display =
"block";}
}}

選項卡套選項卡

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

物件導向選項卡

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...