Javascript自定義函數(shù)判斷網(wǎng)站訪問類型是PC還是移動終端
更新時間:2014年01月10日 17:45:37 作者:
如果,能夠判斷出訪問Web網(wǎng)頁的類型(PC還是移動終端)。就可以解決許多絢麗多彩的 Flash效果出不來的問題
由于很多移動終端不支持 Flash,因此 許多絢麗多彩的 Flash效果出不來。如果,能夠判斷出訪問Web網(wǎng)頁的類型(PC還是移動終端)。就可以對癥下藥,找出解決的辦法!
訪問的類型為移動終端我們就用.gif代替Flash(.swf后綴)動畫,PC端就不做改變。這樣就比較完美了!
如下所示,函數(shù) 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>
擴(kuò)充:
<script language="javascript" type="text/javascript">
/*
* 根據(jù)參數(shù) 輸出swf動畫
* url :單擊 swf動畫 后的跳轉(zhuǎn)地址
* 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>
訪問的類型為移動終端我們就用.gif代替Flash(.swf后綴)動畫,PC端就不做改變。這樣就比較完美了!
如下所示,函數(shù) flashChecker() 就是用來檢測訪問的類型。
復(fù)制代碼 代碼如下:
<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>
擴(kuò)充:
復(fù)制代碼 代碼如下:
<script language="javascript" type="text/javascript">
/*
* 根據(jù)參數(shù) 輸出swf動畫
* url :單擊 swf動畫 后的跳轉(zhuǎn)地址
* 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>
相關(guān)文章
JS實現(xiàn)選項卡插件的兩種寫法(jQuery和class)
這篇文章主要為大家詳細(xì)介紹了JS實現(xiàn)選項卡插件的兩種寫法:jQuery和class,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-12-12使用AJAX實現(xiàn)Web頁面進(jìn)度條的實例分享
這篇文章主要介紹了使用AJAX實現(xiàn)Web頁面進(jìn)度條的實例分享,利用AJAX的異步來顯示服務(wù)器端的處理進(jìn)度是當(dāng)下比較流行的做法,需要的朋友可以參考下2016-05-05基于JS如何實現(xiàn)類似QQ好友頭像hover時顯示資料卡的效果(推薦)
通過本文給大家介紹鼠標(biāo)經(jīng)過好友列表中的好友頭像時顯示資料卡的效果,非常不錯具有參考借鑒價值,感興趣的朋友一起看下吧2016-06-06