1、瀏覽器的寬高問題
var winw=document.body
.clientwidth||document.docuemntelement
.clientwidth
;//網頁可見區域寬
var winh=document.body
.clientheight||document.docuemntelement
.clientheight
;//網頁可見區域寬
//以上為不包括邊框的寬高,如果是offsetwidth或者offsetheight的話包括邊框
var winww=document.body
.scrollwidth||document.docuemntelement
.scrollwidth
;//整個網頁的寬
var winhh=document.body
.scrollheight||document.docuemntelement
.scrollheight
;//整個網頁的高
var scrollheight=document.body
.scrolltop||document.docuemntelement
.scrolltop
;//網頁被卷去的高
var scrollleft=document.body
.scrollleft||document.docuemntelement
.scrollleft
;//網頁左捲的距離
var screenh=window.screen
.height
;//螢幕解析度的高
var screenw=window.screen
.width
;//螢幕解析度的寬
var screenx=window.screenleft
;//瀏覽器視窗相對於螢幕的x座標(除了firefox)
var screenxx=window.screenx
;//firefox相對於螢幕的x座標
var screeny=window.screentop
;//瀏覽器視窗相對於螢幕的y座標(除了firefox)
var screenyy=window.screeny
;//firefox相對於螢幕的y座標
2、event事件問題:
document.onclick=function
(ev)
document.onclick=function
() document.onclick=function
(ev)
3、dom節點相關的問題
//dom節點相關,主要相容ie 6 7 8
function
nextnode
(obj) else;
} function
prenode
(obj) else;
} function
firstnode
(obj) else;
} function
lastnode
(obj) else;
}
4、獲取元素的非行間樣式值
function getstyle(object,ocss) else
}
5、設定事件監聽
function
addevent
(obj,type,fn) else;
} function
removeevent
(obj,type,fn) else;
}
6、元素到瀏覽器邊緣的距離
function
offsettl
(obj)
return;
}
7、阻止事件傳播
function
offsettl
(obj)
return;
}
8、阻止預設事件
document.onclick=function
(e)else
}
9、event中的target事件
document.onmouseover=function
(e)
10、滑鼠的滾動事件
//火狐中的滾輪事件
document.addeventlistener("dommousescroll",function
(event),false)
//非火狐中的滾輪事件
document.onmousewheel=function
(event)
瀏覽器相容性問題
苦惱的區別 1.image repeat 在火狐裡比較正常,可是在ie中一直repeat.背景是乙個關閉的x號,div設定的backgourn image url xx 結果在ie中卻不行,最後找到原因是ie中要顯式的寫上image repeat norepeat這屬性,還有好多的差異,明天 去了 ...
瀏覽器相容性問題
瀏覽器相容問題一 不同瀏覽器的標籤預設的外補丁和內補丁不同 問題症狀 隨便寫幾個標籤,不加樣式控制的情況下,各自的margin 和padding差異較大。碰到頻率 100 解決方案 css裡 備註 這個是最常見的也是最易解決的乙個瀏覽器相容性問題,幾乎所有的css檔案開頭都會用萬用字元 來設定各個標...
瀏覽器相容性問題
解決方案 應該用ie8相容模式瀏覽網頁,而不應該用ie9或ie10渲染模式.很多使用者安裝ie10後發生很多網頁顯示錯亂,就是相容性的原因,因為ie10預設的渲染模式是ie10.此時應該將其改為ie7渲染模式。為什麼用ie6 7渲染模式的原因如下 中國所有網頁肯定都支援ie,支援ie就是支援ie核心...