>웹 프론트엔드 >JS 튜토리얼 >js를 통해 방문자 모니터의 화면 해상도를 판단하고,prompts_javascript 스킬을 부여합니다.

js를 통해 방문자 모니터의 화면 해상도를 판단하고,prompts_javascript 스킬을 부여합니다.

WBOY
WBOY원래의
2016-05-16 17:28:421310검색

js를 통해 방문자 모니터의 화면 해상도를 결정하고 프롬프트를 제공합니다


먼저 코드 예제를 제공합니다:


[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.
]


이 코드의 일반적인 아이디어는 이미지 해상도와 바탕화면 해상도를 비교하여 수정된 이미지가 방문자의 바탕화면으로 직접 사용하기에 적합한지 여부를 판단하는 것입니다. 그 중 fw="1920"과 fh="1200" 뒤의 1920과 1200은 각각 이미지의 너비와 높이 매개변수이며, 이는 PHP 등에서 읽은 실제 이미지의 너비와 높이 매개변수로 대체될 수 있습니다. 예전에는 11행과 12행 이전에 판단을 내리기 위해 if를 사용했습니다. 어제 데스크톱 해상도를 높인 후 두 개의 프롬프트가 표시되는 것을 발견했습니다. 데스크톱 해상도가 이미지 해상도보다 크면 오류가 발생했습니다. 병렬 코드인 경우 else로 변경한 후.
<script> <!-- fw="1920";fh="1200"; var uw=window.screen.width; var uh=window.screen.height; if(fw==uw) { if(fh==uh){document.write("<span class='green'>完全适合做您的桌面")} else if(fh<uh){document.write("<span class='red'>不适合做您的桌面")} else {document.write("<span class='yellow'>裁剪以后适合做您的桌面↘")} } else if(fw<uw){document.write("<span class='red'>尺寸略小,不适合做您电脑的桌布")} else if(fw>uw){ if (fw/fh==uw/uh) {document.write("<span class='green'>适合做您的桌面")} else {document.write("<span class='yellow'>不完全适合您的分辨率,您可以自己动手裁剪↘")} } --> </script> 또한 원래는 PHP 메서드를 사용하여 이미지 너비와 높이를 전달하려고 했지만 이를 위해서는 get을 사용하여 미리 전달해야 하며, 그렇지 않으면 점프 또는 무한 루프가 발생하므로 당분간은 JS로만 판단할 수 있습니다. 물론 js와 php를 결합하는 방법도 있지만 효과는 그다지 좋지 않습니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.