JS判断不同操作系统显示不同样式css
2018-03-05 15:34
513 查看
1 <script type="text/javascript"> 2 var system ={}; 3 var p = navigator.platform; //判断是否为PC 4 system.win = p.indexOf("Win") == 0; 5 system.mac = p.indexOf("Mac") == 0; 6 system.x11 = (p == "X11") || (p.indexOf("Linux") == 0); 7 if(system.win||system.mac||system.xll){ 8 9 } 10 else{ 11 function addNewStyle(news) { 12 var styleElement = document.getElementById('p1'); 13 14 if (!styleElement) { 15 styleElement = document.createElement('style');0 16 styleElement.type = 'text/css'; 17 styleElement.id = 'createElement'; 18 document.getElementsByTagName('head')[0].appendChild(styleElement); 19 } 20 styleElement.appendChild(document.createTextNode(news)); 21 } 22 addNewStyle('.logos{display:none;}') //新添加的样式 23 addNewStyle('.twom{display:none;}') 24 } 25 </script>
相关文章推荐
- JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码
- css判断不同分辨率显示不同宽度布局实现自适应宽度&css3 @media样式的使用
- JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码
- css判断不同分辨率显示不同宽度布局实现自适应宽度&css3 @media样式的使用
- js控制不同的时间段显示不同的css样式
- JS判断访问设备(userAgent)加载不同页面 JS判断客户端操作系统类型(platform)来定义不同的字体表现
- 【HTML】通过不同的分辨率调用不同的css,两种方法:css本身判断、js调用css
- CSS判断不同分辨率显示不同宽度布局CSS3技术支持IE6到IE8
- JS如何判断分辨率不同,调用不同的CSS,不同的image文件夹
- css 不同媒介的显示样式控制方式
- JS判断各种浏览器,根据判断动态引入不同的CSS文件、JS文件
- css判断不同分辨率显示不同宽度布局实现自适应宽度
- CSS媒体查询,CSS根据不同的分辨率显示不同的样式
- css判断不同分辨率显示不同宽度布局实现自适应宽度
- css判断不同分辨率显示不同宽度布局实现自适应宽度
- 为什么要初始化 CSS 样式 因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对 CSS 初始化往往会出现浏览器之间的页面显示差异。 当然,初始化样式会对 SEO 有一定的影响,但鱼
- JS判断各种浏览器,根据判断动态引入不同的CSS文件、JS文件
- js实现的鼠标放上和移开显示不同图片和文字,样式比较好看
- Wordpress不同页面判断加载头部JS CSS等文件
- css判断不同分辨率显示不同宽度布局实现自适应宽度