jquery의 html 메소드에 포함된 특수 문자 처리에 대한 간략한 설명

jquery의 html() 메서드를 사용할 때 내부에 추가된 html 코드에 특수 문자가 포함되어 이스케이프되어야 하는 경우가 있습니다.

다음 예:

inst_html = "<a style=color:white&#39; onmouseover = &#39;";
inst_html += "javascript:showme(&#39;"+inst.instId+"_"+valId+"&#39;);";
inst_html += "&#39; ";
$("#inst_div_"+valId).html(inst_html);

이렇게 직접 작성하면 크롬이나 FF 브라우저에서는 문제가 없으나, IE8 다음에 오류가 보고됩니다.

해결책은 자바스크립트의 'escape'를 '로 변경하여 오류가 보고되지 않도록 하는 것입니다.

이 다음으로 변경됩니다.

inst_html = "<a style=color:white&#39; onmouseover = &#39;";
inst_html += "javascript:showme(&#39;"+inst.instId+"_"+valId+"&#39;);";
inst_html += "&#39; ";
$("#inst_div_"+valId).html(inst_html);

일부 문자는 다음과 같이 이스케이프됩니다.

•& 기호: "& ", "&"
•큰따옴표: """, """
•미만 기호: "<", "<"
•보다 큼 기호: ">", " > "
•작은따옴표: "'", "'"

위 글에서는 jquery의 html 메소드에 포함된 특수문자 처리에 대해 간략하게 설명하고 있으며 모두 편집기에서 공유하는 내용입니다