通过下面的代码判断分辨率

<script language="JavaScript">

<!-- Begin

function redirectPage() {

var wjbxue=screen.width;

var hjbxue=screen.height;

alert("经系统检测，你的屏幕分辨率为 " + wjbxue+"*"+ hjbxue + "by 脚本学堂 jbxue.com");

}

// End -->

</script>

js判断浏览器分辨率

<script>

function ScreenWidth(){

if (screen.width == 1440){

alert("1440*900");

}else if (screen.width == 800){

alert("800*600");

}else if (screen.width == 1152){

alert("1152*864");

}else {

alert("do not know!");

}

}

</script>

<input type="button" name="" value="fenbianli " onclick=" ScreenWidth()"/>

说明：这段js代码可改造一下，改为screen.width>=1024 screen.width=800两种情况

所以我选择使用下面的代码：

if(screen.width>=1440){

alert('宽屏幕可以加载广告了');

//一些广告代码

}

用JS判断不同分辨率调用不同的CSS样式文件

最近看一个网站，发现显示器不同的分辨率，样式文件调用的也不一样。

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title>无标题文档</title>

<link rel="stylesheet" id="sc" type="text/css" href="css/c1.css"/>

<script type="text/javascript">

window.onload=function(){

var sc=document.getElementById("sc");

var d=document.getElementById("d");

if(screen.width>1024) //获取屏幕的的宽度

{

sc.setAttribute("href","css/c2.css"); //设置css引入样式表的路径

d.innerHTML = "你的电脑屏幕宽度大于1024，我的宽度是 1200px, 背景色现在是红色。";

}

else{

sc.setAttribute("href","css/c1.css");

d.innerHTML = "你的电脑屏幕宽度小于或是等于1024，我的宽度是 960px, 背景色现在是蓝色。";

}

}

</script>

</head>

<body>

<div id="d"></div>

</body>

</html>

c1.css：

*{ margin:; padding:;}

div{ width:960px; height:400px; margin:0 auto; background:blue; color:#ffffff;}

c2.css：

*{ margin:; padding:;}

div{ width:1200px; height:400px; margin:0 auto; background:red; color:#fff;}

js判断屏幕分辨率的代码的更多相关文章

  1. js 检测屏幕分辨率

    js 检测屏幕分辨率 class screenChecker { constructor() { this.screen = window.screen; this.fullscreen = fals ...

  2. JS对象 屏幕分辨率的高和宽 window.screen 对象包含有关用户屏幕的信息。 1. screen.height 返回屏幕分辨率的高 2. screen.width 返回屏幕分辨率的宽

    屏幕分辨率的高和宽 window.screen 对象包含有关用户屏幕的信息. 1. screen.height 返回屏幕分辨率的高 2. screen.width 返回屏幕分辨率的宽 注意: 1.单位 ...

  3. #JS 获取屏幕分辨率、网页可见区域等

    window.screen document.body <script type="text/javascript"> function getInfo(){ var ...

  4. JS获取屏幕分辨率以及当前对象大小等

    <script type="text/javascript"> function getInfo(){ var s = ""; s += " ...

  5. 接触响应式-css3-media判断屏幕分辨率

    // IE6.7.8不支持css3    使用响应式一般用bootstrap框架(IE8使用时须引用Respond.js)而不用原生JS 外联式: <link type="text/c ...

  6. JS根据屏幕分辨率改变背景宽高

    //控制浏览器显示的高宽 function document_loaded() { GotoMainStep(); /; document.getElementById("main1&quo ...

  7. 用JS判断IE版本的代码

    方法一: 复制代码代码如下: <script language="javascript"> function getIE() { if(navigator.appNam ...

  8. js判断用户进入设备代码

    var system ={ win : false, mac : false, xll : false }; //检测平台 var p = navigator.platform; system.win ...

  9. 用js判断屏幕的宽度，改变html字体大小用rem布局

    if (document.documentElement.clientWidth > 600) {//页面宽度大于600px让其宽度等于600px,字体大小等于60px,居中 document. ...

随机推荐

  1. HDU 4279 - Number

    2012年天津赛区网赛的题目,想了好久,也没能想出来 还是小杰思路敏捷,给我讲解了一番,才让我把这个题做出来 f(x)=x-phi(x)(1——x与x互素个数)-g(x)(x的因子个数)+1 其中g( ...

  2. python首次尝试——hello world

    百忙之中抽空学习python,但是令人惊讶的是连hello world都写不出来.

  3. 对request.getSession(false)的理解（附程序员常疏忽的一个漏洞）--转

    出处:http://blog.csdn.net/xxd851116/archive/2009/06/25/4296866.aspx [前面的话] 在网上经常看到有人对request.getSessio ...

  4. 2012第二届GIS制图大赛——公开课技术问题&答疑（珍贵资源哦！）（http://blog.csdn.net/arcgis_all/article/details/8216984）

    本次制图大赛培训的公开课结束后,我们把所有技术问题收集并进行统一解答,现将这些资料在博文中分享. 由于这些问题涉及了制图技术中较多普遍性的内容,因此是非常珍贵的资源,希望能对大家有帮助. ——符号及符 ...

  5. hibernate 插件安装

    安装hibernate插件 1,help--install new software work with选择All Available Sites 搜索框输入hibernate  会出现所有hiber ...

  6. Mac上mariadb的启动与关闭

    1. 启动 launchctl load ~/Library/LaunchAgents/homebrew.mxcl.mariadb.plist 2. 关闭 launchctl unload ~/Lib ...

  7. MySQL5.6 linux源码安装

    安装mysql 创建mysql数据目录 mkdir -p /usr/local/mysql --安装目录 mkdir -p /mysql/data ---数据目录 mkdir -p /mysql/lo ...

  8. Mysql:表的操作

    1.列的添加 2.列的删除 删除多列只需在DROP id 后加, DROP column_name; 3.显示表属性 4.设置默认值 5.删除默认值

  9. boost.ASIO-可能是下一代C++标准的网络库

    曾几何时,Boost中有一个Socket库,但后来没有了下文,C++社区一直在翘首盼望一个标准网络库的出现,网络上开源的网络库也有不少,例如Apache Portable Runtime就是比较著名的 ...

  10. 在Ubuntu系统中解压rar和zip文件的方法

    大家在以前的windows系统中会存有很多rar和zip格式的压缩文件,Ubuntu系统默认情况下对这些文件的支持不是很好,如果直接用"归档管理器"打开会提示错误,因此今天跟大家分 ...