innerHTML 에 스크립트 삽입..

innerHTML에 스크립트를 삽입할 때는 script 엘리멘트 속에 defer 애트리뷰트를 삽입해야 한다

 

<script>
    function b() {
        document.getElementById("c").innerHTML = "<table><tr><td>\<script defer\>d()\</script\></td></tr></table>";
    }
 
    function d() {
        document.write("2222");
    }
</script>

<input type=button name=a value=clickme onclick=b()>

<br>

<div id=c>111</div>

 

 

참고 URL

http://koxo.com/lang/js/property/innerHTML.html

 

defer 란?

스크립트의 상태를 부울값으로 반환하거나 설정한다.

<script>propSyntax();</SCRIPT> width="100%" borderColor="silver"

	Script	script.defer=[bVal]
	HTML	<SCRIPT defer="bVal">

인수

<script>showPropVal()</SCRIPT> class=argument bVal : (속성 부울값)

<script>showProp()</SCRIPT> class=property defer 속성값은 스크립트의 상태를 나타내는 부울값이다.

false	디폴트이며, 인라인 스크립트 기능이 수행되지 않는다.
true	인라인 스크립트 기능이 수행된다.

이 속성은 읽기/쓰기로 디폴트값은 false다.

특기

이 애트리뷰트를 디자인할 때 사용하면 브라우저가 스크립트를 파싱하고 수행할 필요가 없으므로, 페이지의 다운로드 능력을 향상시킬 수 있다.

적용

<script> applyLine('script',fileName,applyElem,elemProp,'',readwrite,'http://trio.co.kr/webrefer/html/interact/scripts.html#adef-defer','IE4.0(win16,win32,ce,unix,mac)'); </SCRIPT>

개체	script	HTML	규격	IE
script	script.defer[=bVal]	<SCRIPT defer="bVal">	HTML	IE4.0(win16,win32,ce,unix,mac)

참고

이 속성은 HTML 4.0에서 정의되었다.

이 속성은 (영문) W3C DOM Level 1(Document Object Model)에서 정의되었다.

<SCRIPT id=scriptObj>
document.write('scriptObj.defer='+scriptObj.defer);
</SCRIPT>
<SCRIPT id=script1Obj defer="true">
showA.innerHTML='script1Obj.defer='+script1Obj.defer;
</SCRIPT>
<DIV id=showA></DIV>