`
piperzero
  • 浏览: 3562260 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

根据不同的浏览器加载相应的CSS文件本

浏览器CSSFirefoxIEJavaScript 
阅读更多

发现一些CSS属性存在Firefox不兼容的现象，所以只能先判断用户的浏览器类型再加载CSS文件了。

　　写好适合各种浏览器的CSS代码后，只需把下面的代码放到网页的<head>与</head>之间就可以了：
<script language="javascript">
<!--
if(window.navigator.userAgent.indexOf("MSIE")>=1){
//如果浏览器为IE
setActiveStyleSheet("style1.css");
}
else if(window.navigator.userAgent.indexOf("Firefox")>=1){
//如果浏览器为Firefox
setActiveStyleSheet("style2.css");
}
else{
//如果浏览器为其它
setActiveStyleSheet("style3.css");
}
function setActiveStyleSheet(filename){
document.write("<link href=\"\/images\/"+filename+"\" type=\"text\/css\" rel=\"stylesheet\">");
}
//-->
</script>

分享到：
| [转][RabbitMQ+Python入门经典] 兔子和兔 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    动态加载Css 浏览器判断

    在提供的压缩包文件中，`Browes 判断.asp`和`Browes 浏览器判断.asp`可能是用于服务器端进行浏览器检测的ASP文件，而`CheckBr(动态加载Css).js`可能是用于客户端JavaScript动态加载CSS并进行浏览器判断的脚本。...

    跨浏览器兼容的CSS代码编程方法

    2. **前缀处理**：针对不同浏览器添加相应的前缀，如`-webkit-`、`-moz-`等。可以通过自动化工具如PostCSS来自动添加这些前缀。 3. **条件注释**：针对特定版本的IE浏览器，可以使用条件注释来加载不同的样式表。...

    JS判断浏览器分辨率自动调用不同CSS

    "JS判断浏览器分辨率自动调用不同CSS"是一个实现响应式布局的技术手段，通过JavaScript检测浏览器窗口的分辨率，并据此加载相应的CSS样式表。这种技术尤其适用于多设备兼容性需求高的项目。 首先，我们需要了解...

    针对各种版本的浏览器隐藏CSS的九大技巧

    除了CSS技巧外，还可以使用JavaScript来检测浏览器特性或版本，并动态加载相应的CSS。这种方法更为灵活和强大，但增加了页面的复杂度和加载时间。 ### 六、使用用户代理字符串（User Agent String） 虽然不推荐，...

    JS判断浏览器分辨率调用不同css样式

    本文将详细介绍如何使用JavaScript来检测用户的屏幕分辨率，并据此动态加载不同的CSS文件。 #### 原理概述 在HTML文档中，通过`&lt;link&gt;`元素定义了一个ID为“skin”的CSS文件引用。这段代码首先定义了两个变量`axu_...

    ASP.NET根据屏幕分辨率调用不同css文件

    在ASP.NET中，我们可以通过JavaScript或C#代码来检测用户的屏幕分辨率，并据此动态加载相应的CSS文件。以下是一个简单的示例： 1. 创建两个CSS文件，如`styles-desktop.css`和`styles-mobile.css`，分别对应桌面和...

    不同浏览器之间路径问题Demo

    这其中包括文件路径解析方式的差异，导致在不同浏览器上加载资源时可能会遇到问题。 2. **路径表示法**： 在Web开发中，文件路径有几种常见的表示方法： - **绝对路径**：从根目录开始的完整路径，如`/users/...

    使用javaScript动态加载Js文件和Css文件

    用户在选择主题后，系统可以通过上述方法动态加载相应的CSS文件，从而改变页面的视觉样式。 同样地，对于JavaScript文件的动态加载，可以在某些功能模块中使用。例如，一个Web应用可能只有在用户进入某个特定页面...

    css文件不能被正常载入的问题解决方法

    总之，解决CSS文件无法正常载入的问题需要从编码格式、文件路径、加载顺序、语法正确性以及浏览器缓存等方面进行排查。通过细心的检查和适当的调整，大多数问题都可以迎刃而解。对于开发者而言，熟悉这些基本的故障...

    根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码

    此部分代码示例只根据浏览器类型加载不同的CSS文件。 ```javascript &lt;!-- if (window.navigator.userAgent.indexOf("MSIE") &gt;= 1) { // 如果浏览器为IE setActiveStyleSheet("default.css"); } else { if ...

    js css文件压缩工具

    3. **HTTP/2**：使用HTTP/2协议，支持多路复用，可以同时发送多个js和css文件，避免阻塞问题。 四、自动化流程 为了方便和高效，开发者通常会结合构建工具（如Webpack、Gulp、Grunt等）设置自动化流程，自动执行js...

    解决ie9、ie10本地css加载不上的解决方法

    浏览器缓存可能导致加载错误版本的CSS文件。可以通过以下步骤清除IE缓存： 1. 打开IE浏览器。 2. 按`F12`键打开开发者工具。 3. 在“网络”标签页中查看资源加载情况。 4. 使用`Ctrl + F5`强制刷新页面，以加载最新...

    easyui用到的css文件和主题文件

    在EasyUI中，可以应用于表格（datagrid）组件，使得数据不是一次性全部加载，而是用户滚动到可视区域时才加载相应部分。这有助于提高页面加载速度，减少服务器压力，并提升用户体验。 4. **主题管理**： 使用...

    mui开发js文件与css文件

    本文将详细探讨MUI中的JavaScript文件与CSS文件如何协同工作，以实现强大的功能和美观的界面。 一、MUI的JS文件 MUI的JavaScript文件主要负责交互逻辑和组件的动态行为。这些文件通常包括基础库、组件库以及特定...

    flex动态加载css实例

    这种方式允许我们在运行时根据需求加载特定的CSS文件，例如响应用户操作或在组件渲染时加载相应的样式。 在"Flex动态加载CSS实例"中，可能涉及到以下知识点： - Flex布局：理解Flex布局的基本概念，如容器（flex ...

    Js判断CSS文件加载完毕的具体实现

    但是，浏览器在处理CSS文件加载完成的事件时，并没有提供一个统一的接口，使得开发者需要根据不同浏览器的具体实现来编写相应的检测逻辑。在这一方面，IE浏览器相对其他浏览器而言提供了较为直接的方法，但其他...

    在css加载完毕后自动判断页面是否加入css或js文件

    例如，在IE9中，即使CSS文件是后来加载的，浏览器也会重新绘制页面元素以应用样式。但在IE8及以下版本的浏览器中，不会进行重新绘制，导致动态加载的CSS文件无法立即应用样式。因此，使用ajax异步加载css文件并确保...

    根据屏幕分辨率调用css_asp.net_

    标题“根据屏幕分辨率调用css_asp.net_”指的是利用编程逻辑来动态地根据用户的屏幕分辨率加载相应的CSS（层叠样式表）文件，以实现网页布局的自适应。这通常涉及到JavaScript或服务器端的C#代码来检测浏览器窗口的...

    js 动态引用外部js,css文件

    - **代码分离**：便于组织和维护，特别是在大型项目中，可以根据模块划分不同的JS和CSS文件。 然而，需要注意的是，动态引用也可能导致一些问题，如加载顺序、资源重复加载等，因此在实际应用中应合理规划和管理。 ...

    png生成css样式文件C#源码

    在CSS中，我们可以使用`background-image`属性结合`url()`函数来引用图像作为元素的背景，但将PNG转化为CSS数据URL编码可以将图像数据嵌入到CSS文件中，这样浏览器就不需要额外请求图像资源。数据URL是URL的一种特殊...

Magicbox
Global site tag (gtag.js) - Google Analytics