미채택 완료

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

해상도에 따라서 아래처럼 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개

아래와 같이 해주세요.

<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> 

2016-08-30 (화) 00:49:56

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

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

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