1.同時設定html,body,ul,li的width:100%;height:100%,會讓li繼承佔滿一整頁空間,因為這個時候html、body、ul、li的寬度和高度都是預設佔滿一整頁,無論怎麼放大縮小,都是預設佔滿一整頁。
2.在觸發dom上的某個事件的時候,會產生乙個事件物件event,這個物件中包含著所有與事件有關的資訊。所有瀏覽器都支援event,但支援的方式不同。例如操作滑鼠時,就會新增滑鼠位置的相關資訊到事件物件中,普通瀏覽器支援event(傳引數),但是ie678只支援 window.event(不傳引數)【
document.onclick=function(event)
】,在ie678中,通過傳引數的方式是無法獲取到event物件的,只能夠使用window.event,但是在一些主流瀏覽器上可以通過傳遞引數的方式獲取event物件,所以以上的相容性寫法由此而來。
3.pagey和pagex是以頁面文件(0,0)為基準的,screeny和screenx是以螢幕(0,0)點為基準,clienty和clientx是以瀏覽器(瀏覽器可視區域)的(0,0)點為基準,螢幕就是你的顯示器裡的桌面,頁面文件就是html區域,瀏覽器指的也是html區域,但是不同的地方在於,頁面文件指的是整個html區域,無論html有多長,而瀏覽器指的html區域是指當前可見的那部分的html區域,所以,當頁面被卷去的距離為0時,pagey和pagex與clienty和clientx是一樣的,但是當頁面被卷去的距離不為0時,pagey=clienty+scroll().scrolltop,pagex=clientx+scroll().scrollleft,這就是以頁面為基準和以瀏覽器為基準的區別,在ie678中不支援pagex和pagey這兩個屬性,所以只能通過pagey=clienty+scroll().scrolltop,pagex=clientx+scroll().scrollleft來實現相容,獲取滑鼠位於頁面文件的真實座標的相容性寫法是:【
var pagex=event.pagex||event.clientx+scroll().scrollleft;
var pagey=event.pagey||event.clienty+scroll().scrolltop;
】。3.放大的比例計算公式:
◆(大的實際寬度-大盒子的實際寬度)/(小盒子的實際寬度-遮蓋層的實際寬度),使用的原理是,讓多餘的部分進行對比,這樣才能夠更加準確的獲取比例。
4.event物件的屬性
◆timestamp:返回事件生成的日期和時間。
◆bubbles:返回布林值,指示事件是否是起泡事件型別。
◆button:返回當事件被觸發時,哪個滑鼠按鈕被點選。
◆pagex:游標相對於該網頁的水平位置(ie無)
◆pagey:游標相對於該網頁的垂直位置(ie無)
◆screenx:游標相對於該螢幕的水平位置
◆screeny:游標相對於該螢幕的垂直位置
◆target:該事件被傳送到的物件
◆type:事件的型別
◆clientx:游標相對於該網頁的水平位置 (當前可見區域)
◆clienty:游標相對於該網頁的垂直位置
5.清除選中的內容
◆window.getselection().removeallranges();在ie9及以上等其它主流瀏覽器支援這種清除選中內容的方式,如ie9、firefox、safari、chrome和opera支援window.getselection().removeallranges();
◆document.selection.empty();ie9以下支援這種清除選中的內容的方式。
★相容性寫法:window.getselection?window.getselection().removeallranges():document.selection.empty();
6.動態設定滾動條的滑塊兒的長度,公式:可見的內容的高度/內容的高度*可見的內容的高度。
js相關筆記(十一)
1.陣列的那些遍歷方法foreach map filter every some,在ie678中不存在,dom物件的屬性操作方法getattribute setattribute removeattribute在ie678中也不存在,通過控制台列印的時候發現,返回的是乙個object型別的 也就是空...
js相關筆記(十四)
1.給元素新增非靜態定位的定位屬性時,你如果不設定它的left和top或者bottom再或者right屬性時,他就裝作以標準文件流的方式找個位置待著,但是它的確不佔空間,很像是左浮動,也許非靜態定位不設定left top right bottom屬性時就等於float left 定位的時候left ...
js相關筆記(十五)
1.offset取值返回時乙個number型別的數值,但是它不會返回帶小數的整數,內部做了四捨五入的處理,如style.left 9.4px,offsetleft獲取到的值是9,然而style.left 9.5px,offsetleft獲取到的值是10。2.勻速動畫的原理 this.style.le...