masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > js判断屏幕分辨率的代码_javascript技巧

js判断屏幕分辨率的代码_javascript技巧

WBOY
Lepaskan： 2016-05-16 17:28:43
asal
1370 orang telah melayarinya

一般我们可以通过下面的代码判断分辨率

复制代码 代码如下:


js判断浏览器分辨率

复制代码 代码如下:

<script><BR>function ScreenWidth(){<BR> if (screen.width == 1440){<BR> alert("1440*900");<BR> }else if (screen.width == 800){<BR> alert("800*600");<BR> }else if (screen.width == 1152){<BR> alert("1152*864");<BR> }else {<BR> alert("do not know!");<BR> }<BR>}<BR></script>

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

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

复制代码 代码如下:

if(screen.width>=1440){
alert('宽屏幕可以加载广告了');
//一些广告代码
}

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

最近看一个网站，发现显示器不同的分辨率，样式文件调用的也不一样，今天写了一个例子研究一下，
 

复制代码 代码如下:





无标题文档







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;}
Label berkaitan：
屏幕分辨率
sumber：php.cn
Artikel sebelumnya：jquery.messager.js插件导致页面抖动的解决方法_jquery Artikel seterusnya：JavaScript地图拖动功能SpryMap的简单实现_javascript技巧
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Bandingkan Imagick, Adobe Photoshop dan Windows - Kesan resolusi (piksel per sentimeter atau piksel per inci) Ini bukan soalan tetapi percubaan untuk meningkatkan pemahaman saya tentang cara DPI disim...
daripada 2024-04-06 16:01:27
0
1
397
Isu MySQL apabila meringkaskan data jualan daripada dua jadual berasingan Terima kasih terlebih dahulu atas sokongan anda. Saya sedang belajar SQL dan menjana beber...
daripada 2024-04-04 14:22:13
0
2
343
Bagaimana untuk menyelaraskan imej menggunakan grid CSS? Saya cuba membina sebahagian daripada tapak web menggunakan grid CSS. Saya cuba mendapatka...
daripada 2024-04-01 22:08:31
0
1
338
TypeError: Tidak dapat membaca sifat yang tidak ditentukan (baca 'kedudukan') menggunakan ThreeJs Saya cuba menyepadukan model 3D ke latar belakang bahagian wira tapak web saya. Ia berfung...
daripada 2024-04-01 12:01:52
0
1
416
Saya tidak boleh menjajarkan apa-apa ke tengah pada skrin Saya mengikuti tutorial YouTube tentang cara membuat bar navigasi responsif pada HTML meng...
daripada 2024-04-01 11:51:40
0
2
303
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan