生活随笔
收集整理的這篇文章主要介紹了
兼容低版本浏览器的一些方法
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title></title><style>
body {height: 3000px;}</style>
</head>
<body></body>
</html>
<script>
window.onscroll =
function () {document.title =
scroll().top;}/*正常瀏覽器（除了ie678之外的瀏覽器）window.pageYOffset已經(jīng)聲明DTD（標(biāo)準(zhǔn)模式）document.documentElement.scrollTop未聲明 DTD（怪異模式）document.body.scrollTop*///這個(gè)方法可以給調(diào)用者提供 頁面被卷去的top值和left值function scroll() {if (window.pageYOffset !=
null) {return {"top"
: window.pageYOffset,"left"
: window.pageXOffset};} else if (document.compatMode == "CSS1Compat"
) {//說明是標(biāo)準(zhǔn)模式 有DTDreturn {"top"
: document.documentElement.scrollTop,"left"
: document.documentElement.scrollLeft};} else {return {"top"
: document.body.scrollTop,"left"
: document.body.scrollLeft};}}</script>
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title></title>
</head>
<body></body>
</html>
<script>
window.onresize =
function () {document.title =
client().width;}/*正常瀏覽器（包括IE9+）window.innerWidth標(biāo)準(zhǔn)模式（包括IE9-）document.documentElement.clientWidth怪異模式document.body.clientWidth*///返回一個(gè)對象 如果用可視區(qū)的寬度 就.width 如果用高度就 .heightfunction client() {if (window.innerWidth !=
null) {return {"width"
: window.innerWidth,"height"
: window.innerHeight}} else if (document.compatMode == "CSS1Compat"
) {//標(biāo)準(zhǔn)模式return {"width"
: document.documentElement.clientWidth,"height"
: document.documentElement.clientHeight}} else {return {"width"
: document.body.clientWidth,"height"
: document.body.clientHeight}}}</script>
-
?兼容ie6、7、8獲取鼠標(biāo)的坐標(biāo)方法
function (event) {var event = event ||
window.event;//event.clientX//相對于客戶端的位置//event.pageX//相對于頁面的位置//event.screenX//相對于屏幕的位置var pageX = event.pageX || event.clientX +
document.documentElement.scrollLeft;var pageY = event.pageY || event.clientY +
document.documentElement.scrollTop;} var event = event ||
window.event;if (event && event.stopPropagation) {
//短路表達(dá)式//說明是正常瀏覽器
event.stopPropagation();} else {//兼容ie678event.cancelBubble =
true;} targetId（排除事件觸發(fā)案例）
返回當(dāng)前事件對象的id
火狐谷歌等 event.target.id
IE678 ?????event.srcElement.id
var targetId = event.target ? event.target.id : event.srcElement.id;
?
?
?
轉(zhuǎn)載于:https://www.cnblogs.com/goweb/p/5484173.html
總結(jié)
以上是生活随笔為你收集整理的兼容低版本浏览器的一些方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。
