导航:首页 > 编程语言 > 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检测分辨率相关的资料

热点内容
猥琐猫表情教程 浏览:599
android音频文件格式 浏览:458
漫画脸app哪里可以下载 浏览:959
购买欢乐升级欢乐豆 浏览:282
学习智能机器人用什么编程最好 浏览:655
苹果手机如何管控app 浏览:633
mn文件夹 浏览:590
安卓平板通用刷机包下载 浏览:751
安卓获取内部存储路径 浏览:880
写代码两台显示器 浏览:327
unitypackage压缩文件 浏览:493
奕心安卓 浏览:563
使用土地的有关证明文件包含哪些 浏览:493
数据标注哪里可以接 浏览:482
在家自学编程下什么学 浏览:705
最近很火的app软件是什么软件 浏览:862
ai文字工具 浏览:157
兰博玩游戏路径怎么选择正确文件 浏览:972
淘宝直通车恢复老版本 浏览:510
播放草莓的图片我都文件 浏览:55

友情链接