집 >웹 프론트엔드 >JS 튜토리얼 >document.write 출력 내용과 writeln_기본 지식의 차이점에 대한 설명
document.write 출력 내용과 writeln_기본 지식의 차이점에 대한 설명
WBOY원래의
2016-05-16 18:18:041156검색
document.write() //문서에 내용을 씁니다. 현재 편집 위치는 작성된 내용의 마지막 문자입니다. document.writeln() //문서에 내용을 쓰고, 개행 문자인 줄 바꿈 문자를 추가합니다. 현재 편집 위치 작성된 내용의 다음 줄
document.write() 및 document.writeln은 모두 클라이언트에 쓰기 위한 JavaScript 메소드입니다. writeln은 줄 형식으로 출력되지만 실제 내용을 참조하지는 않습니다. 줄 바꿈의 효과, 두 방법의 차이점은 pre 또는 xmp 요소로 출력되지 않는 한 소스 코드를 볼 때만 볼 수 있습니다.
실행 위 코드를 보면 새로 열린 창: View - Source File에서 writeln이
를 라인 형식으로 출력하는 것을 볼 수 있습니다. 실제 효과의 차이점은 소스 코드에서 줄바꿈이 발생한다는 것입니다. 실제 효과에서 "space"를 이해하려면 다음 예를 비교하세요.
[Ctrl A 모두 선택 참고:
외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ]
입력 결과는 실제로 다음과 같습니다. 111 222 따라서 애플리케이션에서 write를 사용하는 것이 writeln보다 더 편리하고 불필요한 공간 효과를 생성하지 않으므로 내 Html 및 Js 온라인 상호 변환 가젯 [ http: //www .jb51.net/tools/html-js.htm ] 저는 대부분의 사람들이 인터넷에서 writeln을 사용하여 글을 쓰는 방식을 특별히 변경했습니다. 이것이 모든 사람에게 편리함을 가져다 줄 것이라고 믿습니다.
형식 유지에 관해 테스트해 보세요.
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ]
document.write()와 document.writeln()의 차이점 js를 사용하여 동적 선택 작성
해결책:
둘 다 JavaScript 출력 방법입니다. 비교를 보면 쓰기의 차이점은 ln--line의 약어입니다. 즉, writeln 메소드는 ?winte? 출력 뒤에 개행 문자를 추가하는 것과 동일합니다.
참고: document.write 메서드는 두 가지 방법으로 사용할 수 있습니다. 실시간 스크립트를 사용하여 웹페이지 로딩 중에 웹페이지 콘텐츠를 생성하는 것과 지연된 스크립트를 사용하여 이 창이나 새 창의 콘텐츠를 생성하는 것입니다. 이 방법에는 창이나 프레임에 작성된 HTML 콘텐츠인 문자열 매개변수가 필요합니다. 문자열 매개변수는 값이 문자열인 표현식일 수 있습니다.
기억하세요. , 웹 페이지 로드 그 후에는 브라우저 출력 스트림이 자동으로 닫힙니다. 그 후 현재 웹 페이지의 document.write() 메서드는 새 출력 스트림을 열어 현재 웹 페이지의 출력 콘텐츠를 지웁니다. (소스 문서의 변경 사항 포함) 따라서 현재 웹 페이지를 스크립트에서 생성된 HTML 콘텐츠로 바꾸려면 여기에서 HTML 콘텐츠를 연결하고 변수에 할당해야 합니다. document.write() 쓰기 작업을 완료하려면 문서를 지우고 새 데이터 흐름을 열 필요가 없습니다.
document.write()에 관해서는 document.write() 호출이 좋습니다. 메소드의 경우 관련 메소드 document.close()도 설명해야 합니다. 스크립트는 창(이 창이든 다른 창이든)에 기록합니다. 마지막 document.write( 이후에 출력 스트림을 닫아야 합니다. ) document.close() 메소드가 있는지 확인해야 합니다. 그렇지 않으면 이미지와 양식을 표시할 수 없습니다. 또한 나중에 모든 document.write()를 호출하면 내용이 추가됩니다. 웹 페이지는 삭제되지만 기존 콘텐츠는 지워지지 않고 새 값이 작성되지 않습니다.
참고: 두 방법 모두 source 코드를 볼 때만 차이점을 알 수 있습니다. 특별 팁: 위 코드를 웹 페이지에 추가한 후 팝업 창의 소스 코드를 보면 다음과 같습니다.
Line1Line1Line1 Line2
페이지 효과와 소스코드는 다음 그림과 같습니다.
특수사항
일반적으로 페이지에서 두 방법의 출력 효과에는 일반적으로 차이가 없습니다(출력되지 않는 한). pre 또는 xmp 요소에).
2. document.write()는 지정된 위치에 html을 씁니다
페이지가 초기화되면 선택 상자에 올바르게 쓸 수 있습니다 . 호출되면 컨트롤에 기록됩니다. 게다가 document.write()가 innerHTML 또는 externalHTML을 변경하여 HTML을 동적으로 작성할 수 있는지 궁금합니다. 그리고 작성된 HTML을 표시용으로 처리하는 방법은 무엇입니까?