Javascript自定义函数判断网站访问类型是PC还是移动终端


Posted in Javascript onJanuary 10, 2014

由于很多移动终端不支持 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>
Javascript 相关文章推荐
奇妙的js
Sep 24 Javascript
JS获取鼠标坐标的实例方法
Jul 18 Javascript
js获取或设置当前窗口url参数的小例子
Oct 14 Javascript
escape函数解决js中ajax传递中文出现乱码问题
Oct 30 Javascript
基于jQuery实现网页进度显示插件
Mar 04 Javascript
JS实现自动定时切换的简洁网页选项卡效果
Oct 13 Javascript
js计算文本框输入的字符数
Oct 23 Javascript
浅析AngularJS Filter用法
Dec 28 Javascript
javascript创建对象的几种模式介绍
May 06 Javascript
node.js版本管理工具n无效的原理和解决方法
Nov 24 Javascript
Node.js中用D3.js的方法示例
Jan 16 Javascript
vue实现div可拖动位置也可改变盒子大小的原理
Sep 16 Javascript
兼容主流浏览器的iframe自适应高度js脚本
Jan 10 #Javascript
javascript遍历控件实例详细解析
Jan 10 #Javascript
关闭ie窗口清除Session的解决方法
Jan 10 #Javascript
js出生日期 年月日级联菜单示例代码
Jan 10 #Javascript
JS实现根据出生年月计算年龄
Jan 10 #Javascript
javascript使用百度地图api和html5特性获取浏览器位置
Jan 10 #Javascript
javascript通过className来获取元素的简单示例代码
Jan 10 #Javascript
You might like
漫威DC御用漫画家去世 他的表情包曾走红网络
2020/04/09 欧美动漫
乐信RP2100的电路分析和打磨
2021/03/02 无线电
PHP的FTP学习(三)
2006/10/09 PHP
手把手教你使用DedeCms的采集的图文教程
2007/03/11 PHP
php的慢速日志引起的Mysql错误问题分析
2014/05/13 PHP
php实现excel中rank函数功能的方法
2015/01/20 PHP
Zend Framework框架Smarty扩展实现方法
2016/03/22 PHP
jQuery 白痴级入门教程
2009/11/11 Javascript
JavaScript在IE和Firefox(火狐)的不兼容问题解决方法小结
2010/04/13 Javascript
jQuery实现首页顶部可伸缩广告特效代码
2015/04/15 Javascript
解决js图片加载时出现404的问题
2020/11/30 Javascript
javascript中Date对象的使用总结
2016/11/21 Javascript
有关suggest快速删除后仍然出现下拉列表的bug问题
2016/12/02 Javascript
深入理解Vue-cli搭建项目后的目录结构探秘
2017/07/13 Javascript
VUE页面中加载外部HTML的示例代码
2017/09/20 Javascript
vue双向绑定及观察者模式详解
2019/03/19 Javascript
实现高性能javascript的注意事项
2019/05/27 Javascript
Layui弹框中数据表格中可双击选择一条数据的实现
2020/05/06 Javascript
python使用筛选法计算小于给定数字的所有素数
2018/03/19 Python
Python3实现的字典遍历操作详解
2018/04/18 Python
用于业余项目的8个优秀Python库
2018/09/21 Python
python实现图片转字符小工具
2019/04/30 Python
Python实现数据结构线性链表(单链表)算法示例
2019/05/04 Python
详解PyTorch中Tensor的高阶操作
2019/08/18 Python
PyCharm第一次安装及使用教程
2020/01/08 Python
详解用Python进行时间序列预测的7种方法
2020/03/13 Python
Python使用tkinter实现摇骰子小游戏功能的代码
2020/07/02 Python
如何基于python把文字图片写入word文档
2020/07/31 Python
Python利用Faiss库实现ANN近邻搜索的方法详解
2020/08/03 Python
canvas实现高阶贝塞尔曲线(N阶贝塞尔曲线生成器)
2018/01/10 HTML / CSS
西班牙电子产品购物网站:Electronicamente
2018/07/26 全球购物
俄罗斯天然和有机产品、健康生活网上商店:Fitomarket.ru
2020/10/09 全球购物
小学五年级学生评语
2014/04/22 职场文书
大型主题婚礼活动策划方案
2014/09/15 职场文书
人与自然观后感
2015/06/16 职场文书
高中团支书竞选稿
2015/11/21 职场文书