导航:首页 > 编程语言 > js检测分辨率

js检测分辨率

发布时间:2023-08-09 19:18:11

① 怎样用js判断手机屏幕的分辨率,根据不同的分辨率给定不一样的事件.急求!!!

用screen.width可以判断屏幕分辨率的宽度,用screen.height可以判断屏幕分辨率的高度!

if (screen.width >= 1440){
//这里版执权行事件1
}else if (screen.width >= 1366){
//这里执行事件2
}else if (screen.width >= 800){
//这里执行事件3
}else {
//这里执行事件4
}

② JS脚本像这样的哪个是分辨率,我应该调哪个改变分辨率

你做网站时固定了宽高,就不能实现你想要的效果了。最好是用百分比定义。网页总宽100% 表格宽50%这样子定义,就可以实现分辨率的调节。给你个js的文字提示。你试下。网页最好做成1024分辨率的。宽屏用户还是比较少的。相对来说。
显示器检测代码[如果对方的分辨率不是1024*768就出现提示文字]
[你可以改一下分辨率试一下]
====1、将以下代码加入HEML的<body></body>;之间:
<script language="javaScript1.2">
<!--
var correctwidth=1024
var correctheight=768
if (screen.width!=correctwidth||screen.height!=correctheight)
document.write("本站最佳分辨率: "+correctwidth+"*"+correctheight+". 你当前的分辨率是:"+screen.width+"*"+screen.height+"。设置合适的分辨率才能取得最佳的显示效果!")
//-->
</script>

③ JS控制网页分辨率

就把那段script加到head之间。
<script type="text/javascript">if(screen.width<=1240){document.write("<link rel='stylesheet' type='text/css' href='css/index_1240.css' />");}</script>

screen.width<=1280 你的1024肯定是成立的,当然会用你下边载入的CSS样式来渲染页面。

④ 怎样用js判断不同的电脑屏幕分辨率大小然后调用不同的css样式

//设定id为container的宽度和高度,根据当前浏览器的宽度设定内
$("#container").css("width",window.innerWidth);
$("#container").css("height",window.innerHeight);

//设定id为容container的宽度和高度,根据当前电脑屏幕分辨率的宽度设定
$("#container").css("width",window.outerWidth);
$("#container").css("height",window.outerHeight);

⑤ 判断显示器分辨率,并实现网页缩放,类似于浏览器缩小比例的js代码

我有个方法复,js我就不写制了,说下思路

zoom 来设置页面的缩放,比如 body{zoom:0.8;} 就是以0.8的比例缩小页面,
var h = document.body.clientWidth; //获得屏幕宽度
document.getElementsByTagName('body').style.zoom=1920/h;

我没有试过,你自己试试看

⑥ js如何算出浏览器的像素是多少像素每英寸

网页可见区域宽:document.body.clientwidth
网页可见区域高:document.body.clientheight
网页可见区域宽:document.body.offsetwidth (包括边线和滚动条的宽)
网页可见区域高:document.body.offsetheight(包括边线的宽)
网页正文全文宽:document.body.scrollwidth
网页正文全文高:document.body.scrollheight
网页被卷去的高:document.body.scrolltop
网页被卷去的左:document.body.scrollleft
网页正文部分上:window.screentop
网页正文部分左:window.screenleft
屏幕分辨率的高:window.screen.height
屏幕分辨率的宽:window.screen.width
屏幕可用工作区高度:window.screen.availheight
屏幕可用工作区宽度:window.screen.availwidth
屏幕设置 window.screen.colordepth 位彩色
屏幕设置 window.screen.devicexdpi 像素/英寸
分享一些js判断屏幕分辨率的代码。
一般可以通过下面的代码判断分辨率

复制代码代码示例:
<script language="javascript">
<!-- begin
function redirectpage() {
var wjb51=screen.width;
var hjb51=screen.height;
alert("经系统检测,你的屏幕分辨率为 " + wjb51+"*"+ hjb51 + "by 脚本之家jb51.net");
}
// 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>js判断不同分辨率调用不同的css样式_www.jbxue.com</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:0; padding:0;}
div{ width:960px; height:400px; margin:0 auto; background:blue; color:#ffffff;}
c2.css中内容

复制代码代码示例:
*{ margin:0; padding:0;}
div{ width:1200px; height:400px; margin:0 auto; background:red; color:#fff;}

阅读全文

与js检测分辨率相关的资料

热点内容
cad安装上为什么文件夹是空的 浏览:676
mp3文件多少字节 浏览:261
哪个饰品批发网站好 浏览:944
ef数据库备注 浏览:824
iae的配置文件 浏览:454
简单九宫格密码 浏览:89
word2010表格调整行距 浏览:960
cad只显示保存一个plt文件 浏览:500
街头篮球新版本技能兑换券 浏览:849
家庭如何做好网络营销 浏览:465
如何设置胎压监测数据 浏览:530
降噪工具 浏览:692
obs编程是什么意思 浏览:859
怎么看c4d打开了多少个文件 浏览:792
苹果银河高清壁纸 浏览:811
怎么从苹果电脑垃圾桶找回文件 浏览:771
接口文件不能用action写吗 浏览:85
svn代码提交规范 浏览:642
在宣读多少号文件时怎么读数字 浏览:921
网站中的局域网访问量是什么意思 浏览:397

友情链接