2013-08-21 6 views
0

화면이 특정 크기 인 경우에만 foo.js와 같은 파일을 포함하고 싶습니다. 예를 들어화면이 특정 크기 일 때 JavaScript 파일을 포함시키는 방법은 무엇입니까?

:

<script> 
if (screen.width <= 960) 
{ 
    document.write('\x3Cscript type="text/javascript" src="/foo.js">\x3C/script>'); 
} 
</script> 

어떤 아이디어가? jQuery를 사용

+0

를 사용하지 않는 당신은'문서의 시작 부분에'은'을 가하고의 생각 .write'. 그렇지 않으면 스크립트에 스크립트가 있습니다. –

+0

항상 스크립트 파일을 포함하고 그 내용을 조건부로 묶지 않는 이유는 무엇입니까? – Daniel

+0

다음은 몇 가지 해결책을 제시하는 간단한 질문입니다. [http://stackoverflow.com/questions/15823137/call-external-js-file-based-onmedia-screen-value][1] 는 [1] : http://stackoverflow.com/questions/15823137/call-external-js-file-based-on-media-screen-value 무엇 화면 크기가 조절 될 때 발생하는 그 후 보유 – ila7goki

답변

3

가 머리에 스크립트를 추가, document.write

<script type="text/javascript"> 

    if (screen.width <= 960) { 
     var head = document.getElementsByTagName('head')[0]; 
     var script = document.createElement('script'); 
     script.type = 'text/javascript'; 
     script.src = '/foo.js'; 
     head.appendChild(script); 
    } 

</script> 
+0

다른 스크립트와 함께 html 파일의 맨 아래에 갈 수 있습니까? – MaxwellLynn

+0

@ MaxwellLynn - 가능합니다! – adeneo

0

,이 시도 :

if ($(window).width() <= 960) {  
    document.write('\x3Cscript type="text/javascript" src="/foo.js">\x3C/script>'); 
}