우리는 다음과 같은 Oldskool Nastiness에서 갈 수 있습니다.
이와 같은 현대적인 사랑에 :
document.write('<p >Here is some syndicated content.</p>');로그인 후 복사
한 걸음 더 나아가
ID를 제거 할 수도 있지만이 경우 특정 요소를 식별하기위한 구체적인 방법이 필요합니다. 우리는 SRC를 알면서 그렇게 할 수 있습니다.
var newcontent = document.createElement('p');
newcontent.id = 'syndicated-content';
newcontent.appendChild(document.createTextNode('Here is some syndicated content.'));
var scr = document.getElementById('syndication');
scr.parentNode.insertBefore(newcontent, scr);로그인 후 복사
그리고 당신은 그것을 가지고 있습니다 - 단순하지만 우아한 콘텐츠를 제자리에 삽입하는 방법으로, Document.Write에 대한 마지막 흔적을 제거하십시오!
var scripts = document.getElementsByTagName('script');
for(var i=0; i<scripts.length; i++)
{
if(scripts[i].src == 'http://www.mydomain.com/syndication.js')
{
//scripts[i] is the one
break;
}
}로그인 후 복사
hodep.write의 사용은 여러 가지 이유로 인해 종종 권장되지 않습니다. 첫째, 스크립트 실행이 완료 될 때까지 HTML 문서의 구문 분석을 차단하므로 성능 문제로 이어질 수 있습니다. 둘째, 스크립트의 비동기로드에 문제가 발생할 수 있습니다. 마지막으로, 문서 상태에 문제가 생길 수 있습니다. 특히 문서가 완전히로드 된 후 사용될 때. 따라서 Document.Write. 여기에는 innerHtml, TextContent 또는 CreateElement와 함께 AppendChild를 사용하는 것이 포함됩니다. 이러한 방법은 더 효율적이며 HTML 구문 분석 프로세스를 차단하지 않습니다. 또한 새 컨텐츠가 문서에 어디에서 어떻게 삽입되는지에 대한 더 나은 제어를 허용합니다.
innerHTML을 Document.Write의 대안으로 어떻게 사용할 수 있습니까? document.write의 대안으로 사용하려면 요소를 선택하고 InnerHTML 속성을 원하는 HTML 문자열로 설정할 수 있습니다. 예를 들면 :
문서 .getElementById ( 'myelement'). innerhtml = ' 새로운 내용
';
텍스트를 대안으로 사용하는 방법은 어떻게 문서화되어 있습니까? document.write의 대안으로 사용하려면 요소를 선택하고 TextContent 속성을 원하는 텍스트로 설정할 수 있습니다. 예를 들면 다음과 같습니다. document.getElementById ( 'myelement'). textContent = '새 컨텐츠';
위 내용은 document.write없이 제자리에 삽입하십시오의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
우리는 다음과 같은 Oldskool Nastiness에서 갈 수 있습니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
