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 相关文章推荐
jquery 插件 任意位置浮动固定层
Dec 25 Javascript
JavaScript 学习笔记(十四) 正则表达式
Jan 22 Javascript
JQuery Tab选项卡效果代码改进版
Apr 01 Javascript
基于Jquery的动态创建DOM元素的代码
Dec 28 Javascript
js与css实现弹出层覆盖整个页面的方法
Dec 13 Javascript
详解JavaScript中setSeconds()方法的使用
Jun 11 Javascript
巧用jQuery选择器提高写表单效率的方法
Aug 19 Javascript
jQuery查找节点方法完整实例
Sep 13 Javascript
原生JS实现的放大镜效果实例代码
Oct 15 Javascript
vue中改变选中当前项的显示隐藏或者状态的实现方法
Feb 08 Javascript
微信小程序批量上传图片到七牛(推荐)
Dec 19 Javascript
vue-cli4使用全局less文件中的变量配置操作
Oct 21 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实现javascript的escape和unescape函数
2013/06/29 PHP
destoon实现调用自增数字从1开始的方法
2014/08/21 PHP
jQuery 操作XML入门
2008/12/25 Javascript
js 实现图片预加载(js操作 Image对象属性complete ,事件onload 异步加载图片)
2011/03/25 Javascript
JavaScript实现点击按钮后变灰避免多次重复提交
2013/07/15 Javascript
浅析javascript 定时器
2014/12/23 Javascript
jQuery中nextUntil()方法用法实例
2015/01/07 Javascript
js随机生成网页背景颜色的方法
2015/02/26 Javascript
JS仿Windows开机启动Loading进度条的方法
2015/02/26 Javascript
js实现简单秒表走动的时钟特效
2020/03/25 Javascript
基于jQuery通过jQuery.form.js插件实现异步上传
2015/12/13 Javascript
JSON+Jquery省市区三级联动
2016/01/13 Javascript
jQuery Mobile页面返回不需要重新get
2016/04/26 Javascript
javascript时间差插件分享
2016/07/18 Javascript
js 实现数值的千分位及保存小数方法(推荐)
2016/08/01 Javascript
vue.js+boostrap项目实践(案例详解)
2016/09/21 Javascript
利用jquery正则表达式在页面验证url网址输入是否正确
2017/04/04 jQuery
JS与jQuery实现子窗口获取父窗口元素值的方法
2017/04/17 jQuery
BootStrap Select清除选中的状态恢复默认状态
2017/06/20 Javascript
基于vue2.0实现简单轮播图
2017/11/27 Javascript
layui 给数据表格加序号的方法
2018/08/20 Javascript
vue 的点击事件获取当前点击的元素方法
2018/09/15 Javascript
vue 进阶之实现父子组件间的传值
2019/04/26 Javascript
JS匿名函数内部this指向问题详析
2019/05/10 Javascript
JS实现选项卡效果的代码实例
2019/05/20 Javascript
JavaScript实现烟花绽放动画效果
2020/08/04 Javascript
[01:31]完美与DOTA2历程
2014/07/31 DOTA
Python判断文件或文件夹是否存在的三种方法
2017/07/27 Python
python搜索算法原理及实例讲解
2020/11/18 Python
CSS3+Sprite实现僵尸行走动画特效源码
2016/01/27 HTML / CSS
美国波西米亚风格服装品牌:Show Me Your Mumu
2018/01/05 全球购物
线程同步的方法
2016/11/23 面试题
小学安全教育材料
2014/02/17 职场文书
信息与计算科学专业推荐信
2014/02/23 职场文书
环保倡议书范文
2014/05/12 职场文书
2014国庆节幼儿园亲子活动方案
2014/09/16 职场文书