동일한 css & js 파일이 여러 번 동적으로 다운로드되는 경우 어떻게해야합니까?

css & js 파일을 동적으로 다운로드하는 웹 페이지가 있습니다. 동일한 css & js 파일이 여러 번 동적으로 다운로드되는 경우 어떻게해야합니까?

<html> 
<head> <link rel="stylesheet" href="test1.css" type="text/css"/> </head> 
<body> 

<input type="file" id="file1" /> 
<input type="button" onclick="download();"/> 

<script> function download(){ 
    // if the selected file is css or js. this function download dynamically 
} 
</script> </body> </html>

당신이 test1.css을 볼 수

페이지에 부착 이미() 모든 사용자가 FN 위를 통해 같은 파일 test1.css 및 다시 다운로드를 선택 불행하게도하면 다운로드됩니다.

그렇다면 페이지에 영향을 줍니까? 그렇다면 어떻게해야합니까?

* 참고 : * 참고 : 동일한 테스트를 수행 한 결과 페이지에 변경 사항이나 영향을주지 못했습니다. 그러나 나는 대규모로 또는 생산 단계에서 확신 할 수 없다.

출처

2011-11-29 user1010399

어떤 종류의 효과가 있습니까? –

나는 확실하지는 않지만'DOM' 레벨 액션에 대한 두려움이 있습니다. DOM 수준에서 문제가 발생한다고 생각하십니까 – user1010399

download() 함수의 세부 사항을 알 수없는 경우 :) –

하나의 파일 만 있으면 동일한 CSS 파일을 여러 번 포함하면 문제가되지 않습니다. 잘못된 순서로로드 된 더 많은 CSS 파일이 잘못된 렌더링을 유발할 수 있습니다.

같은 JS 파일을 여러 번 포함하는 것을 피해야합니다. 배가 된 이벤트 리스너, 곱해진 출력 및 기타 나쁜 요소가 발생할 수 있습니다.

이미로드 된 파일 배열 만 유지하면됩니다. 그런 다음 download 함수에서 파일이로드되지 않았는지 확인하십시오. loaded.indexOf(filename) === -1

출처

2011-11-29 09:54:09

Thanks Jan, 이미로드 된 파일 배열을 유지하려고 생각했습니다. – user1010399

동일한 css & js 파일이 여러 번 동적으로 다운로드되는 경우 어떻게해야합니까?

답변

관련 문제