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 相关文章推荐
巧妙破除网页右键禁用的十大绝招
Aug 12 Javascript
JScript的条件编译
May 29 Javascript
在多个页面使用同一个HTML片段《续》
Mar 04 Javascript
实例讲解Jquery中隐藏hide、显示show、切换toggle的用法
May 13 Javascript
jQuery验证表单格式的使用方法
Jan 10 Javascript
angularjs实现对表单输入改变的监控(ng-change和watch两种方式)
Aug 29 Javascript
微信小程序中this.data与this.setData的区别详解
Sep 17 Javascript
Vue CLI3.0中使用jQuery和Bootstrap的方法
Feb 28 jQuery
微信小程序 setData 对 data数据影响问题
Apr 18 Javascript
12个提高JavaScript技能的概念(小结)
May 09 Javascript
Vue中rem与postcss-pxtorem的应用详解
Nov 20 Javascript
微信小程序调用wx.getImageInfo遇到的坑解决
May 31 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
php mssql 数据库分页SQL语句
2008/12/16 PHP
PHP中全局变量global和$GLOBALS[]的区别分析
2012/08/06 PHP
php中最简单的字符串匹配算法
2014/12/16 PHP
避免Smarty与CSS语法冲突的方法
2015/03/02 PHP
php curl批处理实现可控并发异步操作示例
2018/05/09 PHP
PHP封装的page分页类定义与用法完整示例
2018/12/24 PHP
Javascript 面向对象 命名空间
2010/05/13 Javascript
jquery全选/全不选/反选另一种实现方法(配合原生js)
2013/04/07 Javascript
IE6下拉框图层问题探讨及解决
2014/01/03 Javascript
jQuery满意度星级评价插件特效代码分享
2015/08/19 Javascript
jQuery取得iframe中元素的常用方法详解
2016/01/14 Javascript
js中创建对象的几种方式
2017/02/05 Javascript
Nodejs基于LRU算法实现的缓存处理操作示例
2017/03/17 NodeJs
详解Vue 普通对象数据更新与 file 对象数据更新
2017/04/26 Javascript
jquery实现点击a链接,跳转之后,该a链接处显示背景色的方法
2018/01/18 jQuery
学前端,css与javascript重难点浅析
2020/06/11 Javascript
解决vue 给window添加和移除resize事件遇到的坑
2020/07/21 Javascript
仿照Element-ui实现一个简易的$message方法
2020/09/14 Javascript
javascript中导出与导入实现模块化管理教程
2020/12/03 Javascript
Python批量修改文件后缀的方法
2014/01/26 Python
pandas 对每一列数据进行标准化的方法
2018/06/09 Python
对pandas的算术运算和数据对齐实例详解
2018/12/22 Python
在Pycharm中将pyinstaller加入External Tools的方法
2019/01/16 Python
Python画图实现同一结点多个柱状图的示例
2019/07/07 Python
使用Python脚本从文件读取数据代码实例
2020/01/19 Python
PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步骤详解
2020/11/02 Python
详解canvas绘制网络字体几种方法
2019/08/27 HTML / CSS
意大利大型购物中心:Oliviero.it
2017/10/19 全球购物
Michael Kors英国官网:美国奢侈品品牌
2019/11/13 全球购物
食堂员工工作职责
2013/12/18 职场文书
留学顾问岗位职责
2014/04/14 职场文书
培训协议书范本
2014/04/22 职场文书
社区优秀志愿者先进事迹
2014/05/09 职场文书
第二次离婚起诉书
2015/05/18 职场文书
小学五年级班主任工作经验交流材料
2015/11/02 职场文书
Android开发手册自定义Switch开关按钮控件
2022/06/10 Java/Android