DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Javascript自定義函數判斷網站訪問類型是PC還是移動終端
Javascript自定義函數判斷網站訪問類型是PC還是移動終端
編輯:關於JavaScript     
由於很多移動終端不支持 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='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;' href='" + url + "' target='_blank'>" +
"</a>" +
"<object width='590' height='55' align='middle'>" +
"<param name='allowScriptAccess' value='never' />" +
"<param name='quality' value='high' />" +
"<param name='wmode' value='transparent' />" +
"<param name='movie' value='" + swfLink+ "' />" +
"<embed wmode='transparent' src='" + swfLink+ "' quality='high' " +
"width='590' height='55' align='middle' allowscriptaccess='never' type='application/x-shockwave-flash' " +
"pluginspage='" + url + "' />" +
"</object>";


return html;
}
</script>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved