html、jquery判断浏览器，导入不同的css文件

最新推荐文章于 2024-10-14 15:39:48 发布
原创 最新推荐文章于 2024-10-14 15:39:48 发布 · 1.7k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#浏览器 #jquery #html #css #stylesheet #ie

本文介绍了一种根据浏览器版本加载不同CSS文件的方法，通过条件注释和JavaScript判断，实现IE6、IE7及以上版本和其他非IE浏览器的样式定制。

 浏览器是IE6,加载ie6.css；浏览器是IE7及以上版本,加载ie7.css；浏览器非IE,加载notIEcss.css。

 

<link href="index2/style2.css" rel="stylesheet" type="text/css" />
 <!--[if IE 6]><link href="index2/ie6.css" rel="stylesheet" type="text/css" /><![endif]-->
 <!--[if gte IE 7]><link href="index2/ie7.css" rel="stylesheet" type="text/css" /><![endif]-->
<link href="#" id="notIEcssId" rel="stylesheet" type="text/css"/>

<script type="text/javascipt" >

$(document).ready(function(){
  //如果浏览器不是ie,加载notIEccss文件      
 if( ! $.browser.msie) {
        $("#notIEcssId").attr("href","notIEcss.css");
    });

</script>

 

参考资料：http://www.poluoluo.com/jzxy/201110/145284.html

Jquery+Css+Html实现登录用户和密码进行前端校验以及用户登录功能
zhx__的博客
01-09 7307
Jquery+Css+Html实现登录用户和密码进行前端校验以及用户登录功能 文章目录Jquery+Css+Html实现登录用户和密码进行前端校验以及用户登录功能前言一、什么是Jquery？二、什么是Css？三、什么是Html？四、Jquery前端代码实现1.创建登录页面2.创建登录成功的页面3.效果实现总结 前言 应用场景：任何程序的登录都可实现，对用户名、密码记性前端校验，或者手机号、邮箱等信息进行校验。 提示：以下是本篇文章正文内容，下面案例可供参考 一、什么是Jquery？ jQuery是免
html+css+js基础
05-25 1083
var obj={} //空对象var obj={属性名：值方法名:function(形参){}方法名:(形参)=>{}1.访问对象的属性|方法 对象名.属性名|对象名.方法名(实参)2.修改对象的属性 对象名.属性名=新值3.新增对象属性 对象名.新增属性名=值4.新增对象方法 对象名.方法名=function(形参){//操作语句。
用jquery判断当前显示器的分辨率，加载不同CSS
weixin_34237596的博客
10-29 121
<link rel="stylesheet" type="text/css" id="css"><script language="javascript">function dis(){if((screen.width == 1024) && (screen.height == 768)){document.getElementById('css').hre...
使用jquery动态加载js,css文件
我爱流氓兔
01-06 1510
$.extend({ includePath: '', include: function(file) { var files = typeof file == "string" ? [file]:file; for (var i = 0; i < files.length; i++) { var name = files
jquery css() 与text/css文件,在jQuery中加载外部css文件
weixin_29253711的博客
08-03 347
哔哔one我认为OP想要做的是异步加载样式表并添加它。对于Chrome 22，FF 16和IE 8，这对于我来说适用于存储为文本的CSS规则集：$.ajax({ url: href, dataType: 'text', success: function(data) { $('\n' + data + '').appendTo("head"); ...
jQuery判断浏览器类型，进而进行css样式调整兼容性
快乐每一天
05-25 255
[code="js"] // 判断浏览器类型 var browserName = navigator.userAgent.toLowerCase(); var mybrowser = { version : (browserName.match(/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/) || [0, '0'])[1], safari : ...
jquery 判断控件css样式,jQuery获取并设置CSS类
weixin_29638987的博客
08-03 399
jQuery获取并设置CSS类通过 jQuery，可以很容易地对 CSS 元素进行操作。jQuery 操作 CSSjQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些：• addClass() - 向被选元素添加一个或多个类• removeClass() - 从被选元素删除一个或多个类• toggleClass() - 对被选元素进行添加/删除类的切换操作• css() - 设置或返...
jquery判断360浏览器
08-02
本话题聚焦于“jquery判断360浏览器”，这是一个常见的需求，因为不同的浏览器可能会有不同的行为，开发者需要针对特定浏览器进行优化或提供兼容性解决方案。 首先，我们来探讨如何使用jQuery来检测用户是否正在...
《2024 前端面试全攻略：HTML、CSS、JavaScript、React 与 Vue 详解及常见问题解答》
最新发布
weimengen的博客
10-14 2708
本文涵盖了 2024 年前端面试常见知识点，包括 HTML 和 CSS 的盒模型、居中方法、选择器等；JavaScript 的闭包、原型链、Promise 等；React 的核心概念、setState、条件渲染等；Vue 的响应式原理、生命周期、组件通信等。还详细阐述了 React 和 Vue 的区别与联系，以及前端性能优化和代码调试方法。
HTML5,CSS,JS前端常见知识面试题
珎珎啊
07-29 1458
前端常见面试题，前端知识总结，html,css,js,DOM
html引入文件加判断,JS判断各种浏览器，根据判断动态引入不同的CSS文件、JS文件...
weixin_42357618的博客
07-16 858
JS判断各种浏览器，根据判断动态引入不同的CSS文件、JS文件function getBrowser() {var ua = window.navigator.userAgent;var isIE = window.ActiveXObject != undefined && ua.indexOf("MSIE") != -1;var isFirefox = ua.indexOf("F...
html如何分别调用不同的css,分辨率不同，调用不同的css文件方法
weixin_34741145的博客
06-04 382
根据分辨率不同，调用不同的css文件方法不同浏览器调用不同CSS文件将以下JS代码放入和标签内，此段JS代码作用是辨别浏览器分辨率解释：var IE1024="";var IE800="";var IE1152="";var IEother="";引号里面分别填写，用户使用IE的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名.var Firefox1024=...
jquery动态装入 HTML 文件网页内容和动态引入css文件、动态引入js文件
lojloj的博客
05-09 1835
(1)只动态引入html内容（使用url参数）：语法 jquery对象.load(url); 示例： //头部是一个包含html内容的文件 $('header').load('头部.html .container'); 头部.html ~（即你需要的内容写成的html代码） <div class="container"> <h1>我是头部</h1> </div> (2) 动态引入html内容,同时引入其对应的css样式文件：语法 jquery对象.loa
JS判断各种浏览器，根据判断动态引入不同的CSS文件、JS文件
方寸之间
12-01 1万+
JS判断各种浏览器，根据判断动态引入不同的CSS文件、JS文件 function getBrowser() { var ua = window.navigator.userAgent; var isIE = window.ActiveXObject != undefined && ua.indexOf("MSIE") != -1; var isFi
jquery 动态加载css,js文件
热门推荐
我叫陈小皮。
11-07 1万+
动态加载css文件:$('#btn').click(function(){ $('head').children(':last').attr({ rel: "stylesheet", type: 'text/css', href: './style.css', }); })动态加载js文件: $.getScript(url,c
jquery动态加载css样式文件
qq712717835的专栏
01-05 2562
需求：页面展示时，需要js判断手机宽度（分辨率），当宽度大于某个值时，引用big.css，当宽度小于某个值时，引用small.css，本来css中可以判断，但是由于终端不识别，素以只能手动代码判断了。 实现：在js加入代码（最好在开头位置）      // 获取手机屏幕宽度      var screenWidth = window.screen.width * window.dev
判断不同浏览器，加载不同的css和js文件
cofecode的博客
05-03 4676
在低版本的IE中，条件注释还有效果，但是在ie9，10，11浏览器中，条件注释不起作用。 在网上找了个校验ie的方法。 function isIE(){ if (window.ActiveXObject || "ActiveXObject" in window){ alert('is ie') }else{ alert(not ie') } } isIE() ...
Jquery判断当前屏幕分辨率并加载不同的css样式
资深设计大师
12-24 1万+
$(function () { if ((screen.width == 1024) && (screen.height == 768)) { $("#xx").height(500);//此分辨率下你需要的操作 } else if ((screen.width == 1360) && (screen.height =
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值