生活随笔
收集整理的這篇文章主要介紹了
兼容低版本浏览器的一些方法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!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已經聲明DTD（標準模式）document.documentElement.scrollTop未聲明 DTD（怪異模式）document.body.scrollTop*///這個方法可以給調用者提供 頁面被卷去的top值和left值function scroll() {if (window.pageYOffset !=
null) {return {"top"
: window.pageYOffset,"left"
: window.pageXOffset};} else if (document.compatMode == "CSS1Compat"
) {//說明是標準模式 有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標準模式（包括IE9-）document.documentElement.clientWidth怪異模式document.body.clientWidth*///返回一個對象 如果用可視區的寬度 就.width 如果用高度就 .heightfunction client() {if (window.innerWidth !=
null) {return {"width"
: window.innerWidth,"height"
: window.innerHeight}} else if (document.compatMode == "CSS1Compat"
) {//標準模式return {"width"
: document.documentElement.clientWidth,"height"
: document.documentElement.clientHeight}} else {return {"width"
: document.body.clientWidth,"height"
: document.body.clientHeight}}}</script>
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) {
//短路表達式//說明是正常瀏覽器
event.stopPropagation();} else {//兼容ie678event.cancelBubble =
true;} targetId（排除事件觸發案例）
返回當前事件對象的id
火狐谷歌等 event.target.id
IE678 ?????event.srcElement.id
var targetId = event.target ? event.target.id : event.srcElement.id;
?
?
?
轉載于:https://www.cnblogs.com/goweb/p/5484173.html
總結
以上是生活随笔為你收集整理的兼容低版本浏览器的一些方法的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
