화면 해상도_javascript 기술을 결정하는 js 코드

일반적으로 다음 코드를 통해 해상도를 판단할 수 있습니다

코드 복사 코드는 다음과 같습니다.

<script><!-- 시작 <BR>function receivePage() { <BR>var wjb51=screen.width;<BR>var hjb51=screen.height;<BR>alert("시스템 감지 후 화면 해결 방법 " wjb51 "*" hjb51 "by Script Home jb51.net"); <BR>} <BR>// End --> <BR></script>

js가 브라우저 해상도를 결정합니다

코드 복사 코드는 다음과 같습니다.

<script><BR>function ScreenWidth (){ <BR>                                                                                                   > 입력 유형="버튼" 이름="" 값="fenbianli " onclick=" ScreenWidth()"/><BR><BR> <BR> <BR>참고: 이 js 코드는 두 가지 경우에 수정하여 screen.width>=1024 및 screen.width=800으로 변경할 수 있습니다. <BR> <BR>그래서 저는 다음 코드를 사용하기로 결정했습니다: <BR> <BR><BR><BR><BR><BR>코드 복사</script>

코드는 다음과 같습니다.

if(screen.width>=1440) {

alert('와이드 스크린에서는 광고를 로드할 수 있습니다.');

//일부 광고 코드} JS를 사용하여 다양한 해상도를 결정하고 다양한 CSS 스타일 파일 호출

최근 한 웹사이트를 보다가 모니터 해상도에 따라 스타일 파일이 다르게 호출되는 것을 발견했습니다. 오늘은 이를 연구하기 위해 예제를 작성해 보았습니다.

코드 복사

코드는 다음과 같습니다:

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보다 크고, 내 화면 너비는 1200픽셀이며, 배경색은 이제 빨간색입니다.";
}
else{

sc.setAttribute("href","css/c1.css");
d.innerHTML = "귀하의 컴퓨터 화면 너비는 1024보다 작거나 같고, 내 너비는 960px입니다. , 배경색 이제 파란색입니다. ";
}
}

c1.css의 내용





코드 복사

코드는 다음과 같습니다.

*{ margin:0; ;}

div{ width:960px; height:400px; margin:0 auto; background:blue; color:#ffffff;} c2.css 내부 콘텐츠 *{ 여백:0;}

div{ 너비:1200px; 높이:400px; 여백:0 배경:#fff;}