document.write 출력 내용과 writeln_기본 지식의 차이점에 대한 설명

WBOY
풀어 주다: 2016-05-16 18:18:04
원래의
1135명이 탐색했습니다.

document.write() //문서에 내용을 씁니다. 현재 편집 위치는 작성된 내용의 마지막 문자입니다.
document.writeln() //문서에 내용을 쓰고, 개행 문자인 줄 바꿈 문자를 추가합니다. 현재 편집 위치 작성된 내용의 다음 줄

document.write() 및 document.writeln은 모두 클라이언트에 쓰기 위한 JavaScript 메소드입니다. writeln은 줄 형식으로 출력되지만 실제 내용을 참조하지는 않습니다. 줄 바꿈의 효과, 두 방법의 차이점은 pre 또는 xmp 요소로 출력되지 않는 한 소스 코드를 볼 때만 볼 수 있습니다.

테스트해 보세요:


[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.
]

실행 위 코드를 보면 새로 열린 창: 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()를 호출하면 내용이 추가됩니다. 웹 페이지는 삭제되지만 기존 콘텐츠는 지워지지 않고 새 값이 작성되지 않습니다. ​​

구체적인 단계:

1. 빈 창을 엽니다.
window.open()

2. write 메소드를 사용하여 빈 창에 코드를 작성합니다.

document.write("Line1")
document.write("Line1")

3. writeln 메소드를 사용하여 빈 창에 코드를 작성합니다.

document.writeln("Line1")
document.writeln("Line2")
4. 전체 코드 예: 코드 복사
<script> with(window.open()){ document.write("百度") document.write("百度") document.writeln("知道") document.writeln("知道") document.writeln("知道") } </script><script> document.writeln("111") document.writeln("222") </script> 코드는 다음과 같습니다.<script> document.write("<pre class="brush:php;toolbar:false">百度") document.write("百度") document.writeln("知道") document.writeln("知道") document.writeln("知道") </script>

<script> <br>with(window.open()){ <br>document.write("Line1") <br>document.write("Line1") <br>document.writeln ("Line1") <br>document.writeln("Line2") <br>} <br></script>


참고: 두 방법 모두 source 코드를 볼 때만 차이점을 알 수 있습니다.
특별 팁: 위 코드를 웹 페이지에 추가한 후 팝업 창의 소스 코드를 보면 다음과 같습니다.

Line1Line1Line1
Line2

페이지 효과와 소스코드는 다음 그림과 같습니다.

document.write 출력 내용과 writeln_기본 지식의 차이점에 대한 설명


특수사항

일반적으로 페이지에서 두 방법의 출력 효과에는 일반적으로 차이가 없습니다(출력되지 않는 한). pre 또는 xmp 요소에).

2. document.write()는 지정된 위치에 html을 씁니다

페이지가 초기화되면 선택 상자에 올바르게 쓸 수 있습니다
. 호출되면 컨트롤에 기록됩니다. 게다가 document.write()가 innerHTML 또는 externalHTML을 변경하여 HTML을 동적으로 작성할 수 있는지 궁금합니다. 그리고 작성된 HTML을 표시용으로 처리하는 방법은 무엇입니까?

은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

< ;html>



관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿