document.write 출력 내용과 writeln_기본 지식의 차이점에 대한 설명-JS 튜토리얼-php.cn

집

웹 프론트엔드

JS 튜토리얼

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

May 16, 2016 pm 06:18 PM

write

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("Line1") 
document.write("Line1") 
document.writeln ("Line1") 
document.writeln("Line2") 
} 
</script> 

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

Line1Line1Line1
Line2

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

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

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

특수사항

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

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

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

은 다음과 같습니다.

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

 
&lt ;html> 
<head></head> 
<script type="text/javascript"> 
function creatOption(){ 
for(i= 0;i<5 ;i ) 
document.write("<option value='" i "'>" i "</option>") 
} 
function openWrite() { 
var win=window.open(); 
win.document.write("Line1") 
win.document.write("Line1") 
win.document.write( "<input type ='text' value='1234567890' />") 
win.document.writeln("Line1") 
win.document.writeln("Line2"); >} 
 </script> 
<body> 
<select id="myselect" name="myselect"> >creatOption() 
</script> 
<input type="button" value="Button" onclick="openWrite()"/> 