根据浏览器当前的宽度,动态加载样式。

原创 2012年03月30日 17:01:07

需要引入jquery1.3.2:

<script src="js/jquery/jquery-1.3.2.js" type="text/javascript"></script>

样式,注意ID:

<link id="cssfile" rel="stylesheet" type="text/css"/>

添加的jquery代码:

    <script type="text/javascript" language="javascript">
        //动态加载css样式
        $(document).ready(function() {
            if ($(document.body).outerWidth(true) > 1024) {  //判断是否大于1024
                $("#cssfile").attr("href", "css/zwxStytlebig1024.css");
            }
            else {
                $("#cssfile").attr("href", "css/zwxStyle1024.css");
            }
        });
    </script>
jquery的下载地址:http://docs.jquery.com/Downloading_jQuery

用js实现根据不同的分辨率和浏览器调用不同的css文件

方法一:(根据ID设定) if (screen.width == "800") { document.getElementById("MyCSS").href="80...
  • daocaorencrl
  • daocaorencrl
  • 2014年05月23日 12:00
  • 2238

JS判断各种浏览器,根据判断动态引入不同的CSS文件、JS文件

JS判断各种浏览器,根据判断动态引入不同的CSS文件、JS文件 function getBrowser() { var ua = window.navigator.userA...
  • mazhili1991
  • mazhili1991
  • 2016年12月01日 15:14
  • 2894

js/jq获取浏览器宽高

Javascript:alert(document.body.clientWidth); //网页可见区域宽(body)alert(document.body.clientHeight)...
  • hejunpochen
  • hejunpochen
  • 2016年05月11日 16:18
  • 1652

动态加载Css 浏览器判断

  • 2009年08月15日 16:12
  • 4KB
  • 下载

javaScript笔记(十九) 动态加载脚本和样式

动态加载脚本和样式 一.元素位置 上一章已经通过几组属性可以获取元素所需的位置,那么这节课补充一个DOM的方法:getBoundingClientRect()。这个方法返回一个矩形对象,包...
  • sliujin
  • sliujin
  • 2016年08月14日 22:25
  • 101

jsp/servlet使用ajax动态加载dtree, dtree样式/图片修改 (java 生成dtree servlet json)

FROM:http://www.cnblogs.com/kenkofox/archive/2011/03/28/1997638.html (!!!在IE,refreshTree的 getJSO...
  • cliuyang
  • cliuyang
  • 2012年02月09日 14:15
  • 1025

javascript笔记--(第二十三章)动态加载脚本和样式

动态脚本 动态加载js var flag = true;//设置true再加载 if (flag) { loadScript('test.js');//设置加载的js } ...
  • a409051987
  • a409051987
  • 2017年02月08日 12:55
  • 174

[23]动态加载脚本和样式

一. 元素位置上文已经通过几组属性可以获取元素所需的位置,那么这节课补充一个 DOM 的方法:getBoundingClientRect()。这个方法返回一个矩形对象,包含四个属性:left、top、...
  • yougoule
  • yougoule
  • 2017年06月16日 20:23
  • 137

javascript基础:动态加载脚本和样式

一、动态加载js代码或脚本 当网站需求变大,脚本的需求也逐步变大。我们就不得不引入太多的 JS脚本而降低了整站的性能,所以就出现了动态脚本的概念,在适时的时候加载相应的脚本。 比如:我们想在需...
  • gongwutianya
  • gongwutianya
  • 2016年07月07日 10:37
  • 248

【JavaScript】动态加载脚本和样式

一、动态加载脚本     当网站需求变大,脚本的需求也逐步变大。我们就不得不引入太多的 JS 脚本而降低了整站的性能,所以就出现了动态脚本的概念,在适时的时候加载相应的脚本。    1.、比如:我...
  • tengliu6
  • tengliu6
  • 2016年09月26日 19:05
  • 489
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:根据浏览器当前的宽度,动态加载样式。
举报原因:
原因补充:

(最多只允许输入30个字)