導航:首頁 > 編程語言 > 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檢測解析度相關的資料

熱點內容
使用土地的有關證明文件包含哪些 瀏覽:493
數據標注哪裡可以接 瀏覽:482
在家自學編程下什麼學 瀏覽:705
最近很火的app軟體是什麼軟體 瀏覽:862
ai文字工具 瀏覽:157
蘭博玩游戲路徑怎麼選擇正確文件 瀏覽:972
淘寶直通車恢復老版本 瀏覽:510
播放草莓的圖片我都文件 瀏覽:55
微信大文件打不開 瀏覽:767
家裝合同准備哪些文件 瀏覽:296
應用bat合並excel文件 瀏覽:984
迅雷影音文件夾 瀏覽:109
makefile的文件路徑 瀏覽:392
計算機程序文件名擴展名為 瀏覽:982
網路游戲推廣策劃案 瀏覽:609
替換所有文件內容的代碼 瀏覽:960
不是常用數據模型有哪些 瀏覽:426
aspcms版本號 瀏覽:835
安卓怎麼用數據流量下載軟體 瀏覽:553
大眾手動空調數據流通道號是多少 瀏覽:303

友情鏈接