> 웹 프론트엔드 > JS 튜토리얼 > Node.js document.write() 사용법 소개_자바스크립트 기술

Node.js document.write() 사용법 소개_자바스크립트 기술

WBOY
풀어 주다: 2016-05-16 16:58:39
원래의
1808명이 탐색했습니다.

페이지를 로드한 후 브라우저 출력 스트림이 자동으로 닫히고 현재 페이지에서 작동하는 모든 document.write() 메서드가 새 출력 스트림을 엽니다. 현재 페이지 내용(소스 문서의 모든 변수 또는 값 포함)이 지워집니다. 현재 페이지를 스크립트에 의해 생성된 HTML로 바꾸려면 HTML 콘텐츠를 연결하여 변수에 할당하고 document.write() 메서드를 사용하여 쓰기 작업을 완료해야 합니다. 문서를 지울 필요는 없습니다. document.write() )를 호출하여 모든 작업을 완료할 수 있습니다.

document.write() 메서드에 대해 또 하나 주목해야 할 점은 관련 메서드 document.close()입니다. 스크립트가 창(이 창이든 다른 창이든)에 내용 쓰기를 마친 후입니다. 출력 스트림을 닫아야 합니다. 지연 스크립트의 마지막 document.write() 메서드 뒤. document.close() 메서드가 포함되어 있는지 확인해야 합니다. 그렇지 않으면 그림과 양식이 표시되지 않습니다. 또한 document.write() 메서드에 대한 후속 호출은 페이지에 내용을 추가하기만 하고 새 값을 쓰기 위해 기존 내용을 지우지는 않습니다.

document.write 방법

가장 기본적인 JavaScript 명령 중 하나는 document.write입니다. 이 명령은 지정된 텍스트 내용을 페이지에 인쇄합니다. 텍스트를 그대로 인쇄하려면 인쇄된 텍스트 문자열 주위에 작은따옴표를 추가하십시오.

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

document.write('Hello World!' );

위 js 코드는 페이지에 "Hello World!"를 표시합니다.
document.write를 사용하여 변수를 인쇄할 수 있습니다. 다음과 같이 변수 이름을 따옴표 없이 입력하세요.

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

var mytext = "Hello again";
문서 .write(mytext);

참고: 변수 이름을 따옴표로 묶으면 변수 이름이 인쇄됩니다(변수 값은 인쇄되지 않습니다). " " 기호를 사용하여 변수 값과 텍스트 문자열을 연결할 수 있습니다.

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

var color1 = "purple"
var color2 = "핑크";
document.write('

colour1: 'color1'
colour2: 'color2 '

')

인쇄 결과는 다음과 같습니다.

color1: 보라색
color2: 분홍색

document.write는 js 광고를 로드하는 데에도 주로 사용됩니다

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

document.write('');
document.write("");
document.write("< scri" " pt src="http://www.jb51.net/ad.js" type="text/javascript">");

일반적으로 문자 외부를 연결할 때는 작은따옴표(큰따옴표)를 사용하고, 안에는 실수가 없도록 큰따옴표(작은따옴표)를 사용합니다. 물론 이스케이프 문자를 사용할 수도 있지만 나중에 수정하기가 더 번거롭습니다.

document.write에 로드된 js는 비동기식입니다

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




   
       
   
   
    ') ;
    }  

           load("http://www.jb51.net/js/2011/jquery-1.5.1.min.js");
          // write("http://www.jb51.net/js/2011/jquery-1.5.1.min.js");

  
< script>
alert($);


问: 용createElement("script")적방式加载,调用函数就会报错,용document.write就不报错?

答案:

而document.write 方式,对所有浏览器而言都是阻塞的 即同步的 所以alert($)会输출정确结果
관련 라벨:
js
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿