재작성된 제목: JavaScript를 가장 잘 출력하는 방법은 무엇입니까?
P粉969253139
P粉969253139 2023-08-14 11:27:09
0
2
462
<p>JavaScript를 배우고 있는데 코드를 출력하는 데 권장되는 방법은 document.getElementById...를 사용하는 것이고 Document.write는 테스트에서만 사용해야 한다는 것을 알았습니다...</p> <p>이것이 스크립트를 출력하는 가장 좋은 방법입니까? 이 코드는 정확히 무엇을 하는가? "데모"가 어떻게 작동하는지, 왜 필요한지 잘 모르겠지만 다음 코드를 작성했습니다...</p> <pre class="brush:php;toolbar:false;"><html> <머리> <스크립트> 함수 addNumbers(arr){ var i, 대답 =0; for(i=0; i
P粉969253139
P粉969253139

모든 응답(2)
P粉827121558

Demo는 ID가 "demo"인 단락을 나타냅니다. HTML 페이지 전체에서 고유해야 하는 ID를 사용하여 자바스크립트에서 HTML 태그를 식별하고 사용할 수 있습니다.

document.write는 실제로 더 이상 자주 사용되지 않습니다. 몇 가지 이유가 있습니다. 웹에 좋은 설명이 있으니 이 답변이나 이 글을 확인해 보세요.

</head><body><script>와 같은 누락된 태그를 추가하면 코드가 제대로 작동하고 콘솔 로깅이 발생합니다. 아래 코드 조각을 실행하세요.

참고로 지금 가장 좋은 방법은 </body> 태그를 닫기 전에 페이지 하단에서 자바스크립트 처리 및 로딩을 수행하는 것입니다. 모든 로딩은 DOM이 로드된 후에 발생하기 때문입니다.

으아악 으아악
P粉757432491

한 걸음 물러서서 두 걸음 앞으로 나아가세요:

document.write은 세 가지 기능 중 하나입니다

  • document.open() 처음부터 작성하기 위해 문서를 열고 기존 문서 내용이 있는 경우 삭제합니다.
  • document.write( string) 웹 페이지를 구축하는 데 사용되는 문자 스트림에 문자열을 삽입합니다.
  • document.close() 쓰기 위해 문서를 닫습니다. 추가로 작성하면 문서가 다시 열리고 프로세스에서 기존 콘텐츠가 지워집니다.

이제 다음을 고려해보세요

  1. 페이지 입력 스트림이 끝나면 문서가 자동으로 닫힙니다.
  2. 문서는 스크립트에서 액세스하고 조작할 수 있는 "문서 개체 모델"("DOM")을 사용하여 작성됩니다.
  3. document.open/write/close DOM이 표준화되어 사용 가능해지기 전에 존재했습니다.

따라서 document.write 在现代Web编程中几乎没有用处。如果在页面加载完成后使用,它会清除页面内容。它几乎完全限于学生教程,这些学生尚未学习到DOM的存在,以及在使用window.open는 현대 웹 프로그래밍에서는 거의 사용되지 않습니다. 페이지 로드가 완료된 후 사용하면 페이지 콘텐츠가 지워집니다. DOM이 존재한다는 사실을 아직 배우지 못한 학생들을 위한 튜토리얼과 window.open을 사용하여 열린 하위 창에서 프로그래밍 방식으로 콘텐츠를 작성할 때 가끔씩 사용하는 튜토리얼로 거의 전적으로 제한되어 있습니다.

페이지의 모든 HTML 요소는 DOM에 HTMLelement 노드로 존재합니다. document.getElementByIddocument.querySelector之类的方法来访问这些元素,并作为JavaScript对象值返回。HTMLElement根据标签类型而异,但如果它们表示HTML容器元素,则具有诸如innerHTMLtextContent와 같은 속성을 호출하여 스크립트의 텍스트 문자열로 업데이트할 때 렌더링된 페이지의 내용을 변경할 수 있습니다.

귀하의 질문에 대답하려면 "demo"는 HTMLParagraphElement의 id 값입니다. 여기서 id 값은 DOM의 특정 요소에 액세스하는 데 사용됩니다. id값은 페이지 HTMLElements 간에 고유해야 합니다.

document.getElementById查询DOM可以获取(段落)元素对象。随后更改元素的innerHTMLcontent를 사용하면 문서가 새 콘텐츠로 다시 렌더링되어 페이지 표시가 업데이트됩니다.

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿