js 获取手机浏览器类型,修改css文件的class的值
/*=========================================
函数功能:获取浏览器类型
=========================================*/
function getBrowser()
{
var type = "pc"
var ua = navigator.userAgent.toLowerCase();
/*
Navigator 是HTML DOM中的内置对象,它包含有关浏览器的信息。userAgent是Navigator 的属性方法,可返回由客户机发送服务器的 user-agent 头部的值。作用其实就是返回当前用户所使用的是什么浏览器,*/ if(ua.indexOf('android') > -)
{
type = "android" var start_index = ua.indexOf('android'); var version = ua.substring(start_index, start_index + ); version = version.replace("/", " "); // 低于 android 4.4 版本
if(version < "android 4.4")
{
params.lowVersion = true; updateClass("common.css", ".modal-dialog", function(cssRule){
cssRule.style.top = "2%";
cssRule.style.marginTop = "0px";
});
/*
.modal-dialog
{
top: 45%;
left: 50%;
width: 300px;
height: 500px;
position: absolute;
margin: -120px 0px 0px -150px;
}
*/
} }
else if(ua.indexOf('iphone') > - || ua.indexOf('ipad') > -)
{
type = "ios";
} return type;
} /**
* 修改文件样式
* @param fileName 文件名称
* @param className 样式名称
* @param method 回调函数, 在回调函数内修改样式
*/
function updateClass(fileName, className, method)
{
var styleSheet = null, cssRule = null;
//document.styleSheets:获取页面的所有css样式<link rel="stylesheet" type="text/css" href="../../../css/common.css">
for(var i = , len = document.styleSheets.length; i < len; i++) {
if(document.styleSheets[i].href != null && document.styleSheets[i].href.indexOf(fileName) >= )
{
styleSheet = document.styleSheets[i];
break;
}
} if(styleSheet == null)
{
return;
}
//styleSheet.cssRules获取common.css文件的所有class样式
for(var i = , len = styleSheet.cssRules.length; i < len; i++)
{
if(styleSheet.cssRules[i].selectorText && styleSheet.cssRules[i].selectorText.indexOf(className) >= )
{
cssRule = styleSheet.cssRules[i];
/*cssRule为:
.modal-dialog
{
top: 45%;
left: 50%;
width: 300px;
height: 500px;
position: absolute;
margin: -120px 0px 0px -150px;
}
*/
method(cssRule);
return;
}
}
}
params['ywlx'] = document.body==undefined ? "" : (document.body.getAttribute("data-ywlx") || "");
<!DOCTYPE HTML>
<html ng-app="ptjyChaChe" ng-controller="ptjyChaCheController">
<body data-ywlx="ptjy">
js 获取手机浏览器类型,修改css文件的class的值的更多相关文章
- JS 获取当前浏览器类型
JS代码: function getType() { if(navigator.userAgent.indexOf("MSIE")>0) { return "MSI ...
- JS获取当前浏览器的类型
<script type=“text/javascript”> function isIE(){return navigator.appName.indexOf(“Microsoft In ...
- js获取手机型号和手机操作系统版本号
1.js 判断IOS版本号 先来观察 iOS 的 User-Agent 串: iPhone 4.3.2 系统:Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_3_2 l ...
- js怎么判断浏览器类型
<script type=“text/javascript”> function isIE(){return navigator.appName.indexOf(“Microsoft In ...
- JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)_javascript技巧_
JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)_javascript技巧_--HTML5中文学习网 http://www.html5cn.com.cn/shili/javascripts/79 ...
- js获取子节点和修改input的文本框内容
js获取子节点和修改input的文本框内容 js获取子节点: $("#"+defaultPVItemId).children().eq(3); //获取某个选择器下的第四个子节点 ...
- 获取手机浏览器IP的函数
function GetIP() { if (!empty($_SERVER['HTTP_CLIENT_IP'])) { //如果变量是非空或非零的值,则 empty()返回 FALSE. $IP = ...
- C# Directory.GetFiles()获取多个类型格式的文件
第一种方式 System.IO.Directory.GetFiles()获取多个类型格式的文件 System.IO.Directory.GetFiles("c:\","( ...
- 前端通过js获取手机型号
###前段通过js获取手机型号 需求: 用户登录后记录当前的手机型号并记录 插件: mobile-detect.js插件地址 mobile-device-js插件地址 使用步骤: 获取UA信息-> ...
随机推荐
- Cracking the Coding Interview 6.2
There is an 8*8 chess board in which two diagnolly opposite corners have been cut off. You are given ...
- BZOJ 3992 DP+NTT+快速幂
思路: 普通的DP很好想吧 f[i][j]+=f[i-1][j*s[k]] 前i个数 mod m=j 的个数 m是质数 模数是质数 这就很有趣了 那么我们就求出来原根 所有的数都取指数 搞出 ...
- guice 整合ninja framework(七)
ninja是一个优秀的,轻量级的mvc框架,它与google guice整合比较好.下面看一下例子: 我们在web.xml 配置一下: <listener> <listener-cl ...
- [转]解决C# WinForm 中 VSHOST.EXE 程序不关闭的问题
右击“解决方案”--属性-调试栏-启用调试器部分-“启用Visual studio宿主进程”不勾选
- 前端-Angular思维导图笔记
看不清的朋友右键保存或者新窗口打开哦!喜欢我可以关注我,还有更多前端思维导图笔记
- 第六课: - GroupBy函数
第 6 课 让我们看一看 groupby 函数. In [1]: # Import libraries import pandas as pd import sys In [2]: print(' ...
- 【Oracle】RAC控制文件多路复用
1.—关闭数据库,各个节点都要关闭: [oracle@rac1 ~]$ srvctl stop database -d racdb -o immediate 2.—启动任一节点到nomount状态: ...
- idea中SVN的运用
1.1.1 上传代码时可以指定忽略一些上传目录 1.1.2 设置项目上传的路径 1.1.3 解决上传路径中包含“svn”目录问题 上传 从 SVN 服务器中检出代码到工作空间
- WIN 10 增删输入法
第一步: 任务栏右击 “语言——设置” 第二步: 第三步: 删除或者增加就好.
- 版本控制之git学习
最近学习了一下版本控制中比较符合开发者气质的Git,这里做一个总结.一来梳理所学的内容:二来也作为起点后续继续丰富.学习的方式主要为网络学习和个人实践.推荐两个学习网页,互相参考必有所成. 博客园:h ...