테스트 사이트 - 개발 중인 베타 버전입니다

해상도에 따라서 js파일 다르게 적용하기 가능한지요 채택완료

pcpc 9년 전 조회 8,568

해상도에 따라서 아래처럼 js파일 다르게 적용 할러고 합니다.

어떻게 표현하면 가능한지요?

 

 

@media all and (min-width: 800px)

해상도 800 이상에서 불러올 js파일 : <script src="js/script20.js"></script>


@media all and (max-width: 800px)


해상도 800 미만에서 불러올 js파일 : <script src="js/script30.js"></script> 

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

9년 전

아래와 같이 해주세요.

<script type="text/javascript">

if(screen.width>=800){

document.write("<script src='js/script20.js'></script>");

} else {

document.write("<script src='js/script30.js'></script>");

}

</script> 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

미디어쿼리는 CSS에서 사용하는 것이라 스크립트 분기를 만들수 없습니다.

 

따로, 자바스크립트를 사용해서 문서 로드 및 창 크기 조절시에 작동하는 스크립트를 만들고 너비를 구하여 너비에 따라 스크립트를 분기하시면 될 듯 싶습니다.  

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인