조건에 따라 특정 JavaScript 태그를 HTML에 추가하고 싶다고 가정 해 보겠습니다.
script1 = '<div id="render_div"></div><script src="script1"></script>';
script2 = '<div id="render_div"></div><script src="script1"></script>';
var someCondition = 0;
if (someCondition == 0) {
//only render script1;
} else {
//only render script2
}
나는 사용을 생각하고 document.write(script1);
있지만 그것이 최선의 방법이라고 생각하지 않습니다.
다음은 조건입니다.
API를 사용하여 사용자 폴더에 몇 개의 이미지가 있는지 파악하고 있습니다. 따라서 개수가 0이면 스크립트 2를 렌더링하고 싶습니다. 개수가 1보다 크면 스크립트 1을 렌더링하고 싶습니다.
document.write
비동기식이기 때문에 사용을 피 하거나 사용할 수없는 경우 동적으로 스크립트 태그를 생성하여 DOM에 추가 할 수 있습니다.
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
if (someCondition == 0) {
script.src = 'script1';
} else {
script.src = 'script2';
}
head.appendChild(script);
업데이트 된 요구 사항 업데이트 :
변수가 HTML이어야하는 경우 jQuery를 사용하여 DOM에 추가 할 수 있습니다. jQuery는 HTML을 구문 분석하고 스크립트를 자동으로로드합니다.
if (someCondition == 0) {
$("SOME_SELECTOR").append(script1);
} else {
$("SOME_SELECTOR").append(script1);
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다