首頁  >  文章  >  web前端  >  Javascript自訂函數判斷網站存取類型是PC還是行動終端

Javascript自訂函數判斷網站存取類型是PC還是行動終端

高洛峰
高洛峰原創
2017-01-23 17:30:261094瀏覽

由於許多行動終端不支援 Flash,因此 許多絢麗多彩的 Flash效果出不來。如果,能夠判斷存取Web網頁的類型(PC還是行動終端)。就可以對症下藥,找出解決的辦法! 

存取的類型為行動終端我們就用.gif取代Flash(.swf後綴)動畫,PC端就不做改變。這樣就比較完美了! 

如下圖,函數 flashChecker() 就是用來偵測存取的型別。 

<script language="javascript" type="text/javascript"> 
/* 
*用来检测是 PC还是移动终端 
*返回:flashChecker().f == true PC终端 
* 反之为移动终端 
*/ 
function flashChecker() { 
var hasFlash = 0; 
var flashVersion = 0; 
var isIE = /*@cc_on!@*/0; 
if (isIE) { 
var swf = new ActiveXObject("ShockwaveFlash.ShockwaveFlash"); 
if (swf) { 
hasFlash = 1; 
VSwf = swf.GetVariable("$version"); 
flashVersion = parseInt(VSwf.split(" ")[1].split(",")[0]); 
} 
} 
else { 
if (navigator.plugins && navigator.plugins.length > 0) { 
var swf = navigator.plugins["Shockwave Flash"]; 
if (swf) { 
hasFlash = 1; 
var words = swf.description.split(" "); 
for (var i = 0; i < words.length; ++i) { 
if (isNaN(parseInt(words[i]))) { 
continue; 
} 
flashVersion = parseInt(words[i]); 
} 
} 
} 
} 
return { 
f: hasFlash, v: flashVersion 
}; 
} 
</script>

擴充: 

<script language="javascript" type="text/javascript"> 
/* 
* 根据参数 输出swf动画 
* url :单击 swf动画 后的跳转地址 
* swfLink: *.swf 素材地址 
*/ 
function GetSwfHtml(url, swfLink) { 
html = "<a style=&#39;position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; " + 
"width: 100%; height: expression(this.parentNode.scrollHeight); filter: alpha(opacity=0);" + 
"opacity: 0; background: #FFF;&#39; href=&#39;" + url + "&#39; target=&#39;_blank&#39;>" + 
"</a>" + 
"<object width=&#39;590&#39; height=&#39;55&#39; align=&#39;middle&#39;>" + 
"<param name=&#39;allowScriptAccess&#39; value=&#39;never&#39; />" + 
"<param name=&#39;quality&#39; value=&#39;high&#39; />" + 
"<param name=&#39;wmode&#39; value=&#39;transparent&#39; />" + 
"<param name=&#39;movie&#39; value=&#39;" + swfLink+ "&#39; />" + 
"<embed wmode=&#39;transparent&#39; src=&#39;" + swfLink+ "&#39; quality=&#39;high&#39; " + 
"width=&#39;590&#39; height=&#39;55&#39; align=&#39;middle&#39; allowscriptaccess=&#39;never&#39; type=&#39;application/x-shockwave-flash&#39; " + 
"pluginspage=&#39;" + url + "&#39; />" + 
"</object>"; 


return html; 
} 
</script>

更多Javascript自訂函數判斷網站存取類型是PC還是行動終端相關文章請關注PHP中文網!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn