常用js程式碼
阿新 • • 發佈:2019-01-31
<pre name="code" class="javascript">function resetItem(){ var wWidth = $(window).width(); var wHeight=$(window).height(); var sTop = $(document).scrollTop(); var sLeft = $(document).scrollLeft(); if(IsPC()){ } } function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"]; var flag = true; for (var v = 0; v < Agents.length; v++) { if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = false; break; } } return flag; } function isIe(){return ("ActiveXObject" in window);} function getIeVersion() { var browser = navigator.appName; var b_version = navigator.appVersion; var version = b_version.split(";"); if (version.length > 1) { var trim_Version = parseInt(version[1].replace(/[ ]/g, "").replace(/MSIE/g, "")); if (trim_Version < 9) { return false; } } return true; } $(document).ready(function(){resetItem();$(window).resize(resetItem);$(window).scroll(resetItem); });
說明
1.判斷瀏覽器
①判斷是否為ie瀏覽器
function isIe(){return ("ActiveXObject" in window);}
②判斷ie的版本[此處判斷是否為ie9及以上瀏覽器版本]
function getIeVersion() { var browser = navigator.appName; var b_version = navigator.appVersion; var version = b_version.split(";"); if (version.length > 1) { var trim_Version = parseInt(version[1].replace(/[ ]/g, "").replace(/MSIE/g, "")); if (trim_Version < 9) { return false; } } return true; }
2.獲取頁面資訊(寬高等)
①頁面可視區域高度:
var wHeight=$(window).height();<pre name="code" class="javascript">var wWidth = $(window).width();
②當前滾動的位移
var sTop = $(document).scrollTop();
var sLeft = $(document).scrollLeft();
3.當頁面發生變化時呼叫函式reset()
$(window).resize(reset);//視窗大小發生變化時
$(window).scroll(reset);//滾動時
4.判斷手機還是電腦
function IsPC() {
var userAgentInfo = navigator.userAgent;
var Agents = ["Android", "iPhone",
"SymbianOS", "Windows Phone",
"iPad", "iPod"];
var flag = true;
for (var v = 0; v < Agents.length; v++) {
if (userAgentInfo.indexOf(Agents[v]) > 0) {
flag = false;
break;
}
}
return flag;
}