document.write없이 제자리에 삽입하십시오

우리는 다음과 같은 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;
    }
}

work.write의 대안에 대한 자주 묻는 질문 (FAQ)

javaScript에서 document.write를 사용하는 데있어 주요 문제는 무엇입니까?

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 = '새 컨텐츠'; CreateElement와 AppendChild를 Document.Write의 대안으로 사용하는 방법?

CreateElement는 새 요소를 만드는 데 사용할 수있는 메소드이며 AppendChild는 자식 노드를 부모 노드에 추가하는 데 사용할 수있는 방법입니다. 문서화의 대안으로 사용하려면 새 요소를 만들고 컨텐츠를 설정 한 다음 원하는 부모 요소에 추가 할 수 있습니다. 예를 들면 :

var newlement = document.createElement ( 'p');

newElement.textContent = 'new content'; docut Document.Write의 대안으로 사용하십시오. 여기에는 insertadjacenthtml, insertbefore 및 replacechild가 포함됩니다. 이 방법은 새로운 컨텐츠가 문서에 삽입되는 위치와 방법에 대한 유연성을 더 많이 제공합니다.
jQuery를 Document.Write의 대안으로 사용할 수 있습니까? 여기에는 .html (), .text () 및 .append ()가 포함됩니다. 이 방법은 JavaScript 대응 물과 유사하지만보다 편리하고 강력한 구문을 제공합니다.
Document.Write에 대안을 사용하는 것의 이점은 무엇입니까? 여기에는 성능 향상, 문서 구조에 대한 더 나은 제어 및 최신 웹 개발 관행과의 호환성이 포함됩니다. 또한 코드를보다 쉽게 ​​읽고 유지 관리 할 수있게 해줍니다.
현대 웹 개발에서 문서를 사용 할 수 있습니까?

최신 웹 개발에서 문서를 사용하는 것이 기술적으로 가능하지만 일반적으로 언급 된 문제로 인해 일반적으로 권장되지 않습니다. 문서의 내용을 조작하는보다 효율적이고 유연한 방법을 제공하므로 대안을 대신 사용하는 것이 좋습니다.

Document.Write에 대한 대안에 대해 자세히 알아볼 수 있습니까?

work.write에 대한 대안에 대해 더 많이 배울 수있는 많은 리소스가 있습니다. 여기에는 웹 개발 자습서, 온라인 과정 및 JavaScript 및 JQuery에 대한 문서가 포함됩니다. 또한 Stack Overflow 및 CodeProject와 같은 웹 사이트에서 기사와 토론을 확인할 수도 있습니다.

위 내용은 document.write없이 제자리에 삽입하십시오의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!