js 에서 document.write 와 document.writeln 의 차이
메모:document.write 방법 은 두 가지 측면 에서 사용 할 수 있 습 니 다.웹 페이지 를 불 러 오 는 과정 에서 실시 간 스 크 립 트 로 웹 페이지 내용 을 만 들 고 지연 스 크 립 트 로 이 창 이나 새 창 내용 을 만 들 수 있 습 니 다.이 방법 은 창 이나 프레임 에 쓰 이 는 HTML 내용 의 문자열 인자 가 필요 합 니 다.이 문자열 의 매개 변 수 는 변수 나 값 이 문자열 인 표현 식 일 수 있 습 니 다.기록 내용 에는 항상 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>특별 알림:위의 코드 를 웹 페이지 에 넣 고 팝 업 창의 소스 코드 를 보면 다음 과 같 습 니 다.
Line1Line1Line1
Line2
페이지 효과 와 소스 코드 는 그림 과 같 습 니 다.
특별 설명
전체적으로 말 하면 일반적인 상황 에서 두 가지 방법 으로 출력 하 는 효 과 는 페이지 에서 차이 가 없다(pre 나 xmp 요소 에 출력 되 지 않 는 한).
2.document.write()지 정 된 위치 에 html 쓰기
페이지 초기 화 시 select 상자 에 정확하게 쓸 수 있 습 니 다.
그러나 호출 할 때 컨트롤 밖 에 쓰 여 있 습 니 다.document.write()가 innerHTML 이나 outerHTML 을 바 꾸 어 HTML 을 동적 으로 쓸 수 있 을 지 모 르 겠 습 니 다.그리고 쓴 HTML 을 표시 하려 면 어떻게 처리 해 야 합 니까?
다음 과 같다.
<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">
<script language="javascript">
creatOption();
</script>
</select>
<input type="button" value=" " onclick="openWrite()"/>
</body>
</html>
<script>
document.write("<pre> pre !")
document.write(" pre !")
document.writeln(" pre !")
document.writeln(" pre !")
document.writeln(" pre !</pre>")
</script> Write 는 줄 을 바 꿀 수 없습니다.Writeln 은 줄 을 바 꿀 수 있 습 니 다.
Writeln 의 줄 바 꾸 기 효 과 를 어떻게 봅 니까?
웹 페이지 에 서 는 writeln 의 줄 바 꾸 기 효 과 를 볼 수 없습니다.브 라 우 저 에 의 해 빈 칸 으로 표 시 됩 니 다.
HTML 파일 과 JSP 의 원본 파일 에 서 는 효 과 를 볼 수 없 으 며,독 자 는 탭 에 사전 형식 탭 을 추가 하여 효 과 를 볼 수 있 습 니 다.
chrome 에서 f12 를 통 해 볼 수 있 습 니 다.
<script>
document.write("<pre>write");
document.writeln("writln");
document.write("write</pre>");
</script>
<script>
with(window.open()){
document.write("write")
document.writeln("writeln")
document.writeln("write")
}
</script>우 리 는 보충:
<html>
<head>
<title>document.write</title>
<script>
document.write("hello");
document.writeln("world");//document.writeln() ， ， \r
document.writeln("world");
document.write("<br/>");
document.write("hu");
// ，
document.write("<input type='button' value=' '/>");
</script>
</head>
<body>
</body>
</html> 
주의:
Note: document.writeln (like document.write) does not work in XHTML documents
write 와 writeln 은 XHTML 파일 에서 역할 을 하지 않 습 니 다.HTML 은 문법 이 상대 적 으로 느슨 한 XHTML 입 니 다.이것 은 html 에서 줄 을 바 꾸 지 않 은 이 유 를 설명 합 니 다.나 를 눌 러 서 살펴보다 。
html,xhtml,xml 의 정의:
1.html 는 바로 하이퍼텍스트 표기 언어(Hyper Text Markup Language)로 웹 페이지 를 최초 로 쓰 는 언어 이지 만 시간 이 빠 르 기 때문에 규범 이 좋 지 않 고 대소 문자 혼합 과 인 코딩 이 규범 에 맞지 않 습 니 다.
2.xhtml 는 업그레이드 버 전의 html(Extensible Hyper Text Markup Language)로 html 를 규범화 시 켰 고 인 코딩 이 더욱 엄밀 하고 순결 하 며 과도 언어 이 며 html 에서 xml 로 과도 하 는 언어 이다.
3.xml 즉시 태그 언어(Extensible Markup Language)를 확장 할 수 있 고 크로스 플랫폼 언어 로 인 코딩 이 자 유 롭 고 탭 을 자 유 롭 게 만 들 수 있 습 니 다.
4.웹 페이지 인 코딩 은 html>>xhtml>>xml 이 과정 에서 발전 합 니 다.
html,xhtml 와 xml 의 차이:
1.xhtml 대비 와 html,xhtml 문 서 는 양호 하고 완전한 레이아웃 을 가지 고 두 가지 측면 에 나타난다.a.요 소 는 반드시 끝 라벨 이 있어 야 한다.b.요 소 는 반드시 끼 워 넣 어야 합 니 다.
2.html 의 요소 와 속성 에 대해 xhtml 는 반드시 소문 자 를 써 야 합 니 다.xml 는 대소 문 자 를 엄 격 히 구분 하기 때문에
3.xhtml 의 속성 값 은 따옴표 에 있어 야 합 니 다.
4.xhtml 는 속성 최소 화 를 지원 하지 않 습 니 다.속성 최소 화 는 무엇 입 니까?
정확:최소 화 되 지 않 은 속성(unminimized attributes)
부정 확:속성 최소 화(minimized attributes)
5.xhtml 에서 name 속성 은 사용 에 찬성 하지 않 으 며 이후 버 전에 서 삭 제 됩 니 다.
그리고 왜 웹 페이지 인 코딩 은 html>xhtml>>xml 에서 이렇게 발전 합 니까?
일찍 일어 나 는 웹 페이지 는 html 언어 로 작 성 됐 지만 세 가지 심각 한 단점 이 있 습 니 다.
1.인 코딩 이 규범화 되 지 않 고 구조 가 혼 란 스 럽 고 비대 하 며 스마트 한 단말기 가 있어 야 잘 표 시 될 수 있다.
2.표현 과 구조 가 혼 란 스 러 워 개발 과 유지 에 불리 하 다.
3.핸드폰,PDA 등 더 많은 네트워크 설 비 를 사용 할 수 없다.
따라서 HTML 은 발전 해 야 이 문 제 를 해결 할 수 있 기 때문에 W3C 는 XHTML 을 제 정 했 고 XHTML 은 HTML 이 XML 로 과도 한 교량 이다.xml 는 웹 발전의 추세 입 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
python의 데이터 쓰기 요약저는 실습만 하고 있습니다. 나는 파이썬 파일의 쓰기 방법을 찾았기 때문에 총괄해 보았다. 프로그래밍 초보자이기 때문에 오류도 많다. 만약 잘못이 있으면 꼭 저에게 알려주세요. 샘플 1 sample1.py 코드 하고...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
