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

<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. SQL Server 之 在与SQLServer建立连接时出现与网络相关的或特定于实例的错误

    背景:在用数据库时,打开SQL Server 2008 R2 的 SQL Server Management Studio,输入sa的密码发现,无法登陆数据库,提示信息如上: 解决方案: 1.打开Sq ...

  2. Mybatis的简单示例

    首先新建一个JavaWeb项目并导入mybatis依赖的jar包,同时Mybatis是对数据库的操作所以我们需要在数据库中新建一个表user用来演示. 新建完表之后我们还需要建立相对应的实体类User ...

  3. Volly的使用及图片错位优化

    listview显示数据,利用第三方jar包Volley下的ImageLoader加载图片时,当数据类型不一致,布局复用的时候会出现图片错位,因此需要自定义IMymageLoader实现ImageLo ...

  4. cocos2d-x——在一个cpp中展示多个场景

    //20秒后自动运行下一个场景 runAction( CCSequence::create(CCDelayTime::create(20.0f), CCCallFunc::create(this, c ...

  5. Nginx 403 error

    nginx 的 403 Forbidden errors 表示你在请求一个资源文件但是nginx不允许你查看.403 Forbidden 只是一个HTTP状态码,像404,200一样不是技术上的错误. ...

  6. struts配置信息

    struts.xml文件 <?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE struts PU ...

  7. javaweb学习总结四(反射技术)

    一:反射的概念 反射就是加载类,然后获取类的属性.方法.构造函数等. 二:加载类到内存(有硬盘字节码文件到内存) 三种加载类的方式: @Test // 测试加载类 public void test1( ...

  8. Share_memory

    共享内存是允许多个进程共享一块内存,由此来达到交换信息的进程通信机制:它很快没有中间介质,唯一的不足就是需要一定的同步机制控制多个进程对同一块内存的读/写,,它的原理如下: 每个共享内存段都有一个sh ...

  9. Centos系统使用代理上网时 yum的代理设置

    yum的存在使centos上软件的安装.配置.升级.卸载变得十分的方便,但是当安装centos的机器是通过代理服务器访问外网的话,yum的 使用就变得无从下手了,以下介绍以下怎样为yum配置代理地址及 ...

  10. 【Slickflow学习】.NET开源工作流介绍、下载（一）

    第一次自己写博客文章,大家多多指教.写博客主要记录一下学习的过程,给初学者提供下参考,也留给自己做备忘. Slickflow .NET开源工作流-介绍 这里摘录Slickflow官网的介绍: Slic ...