JS에서 출력 내용을 공부한 적이 있는데 지금은 뒤집어서 보니 너무 낯설기 때문에 암기할 경우에는 적어두는 것이 인상이 깊어질 것입니다. 앞으로는 훨씬 더 쉽게 검토할 수 있습니다.
1. 출력 콘텐츠 document.write
document.write()를 사용하면 콘텐츠를 HTML 출력 스트림에 직접 쓰고 콘텐츠를 웹 페이지에 직접 출력할 수 있습니다.
(1) 출력 내용은 " "로 직접 묶입니다.
document.write("Hello World!");
(2) 변수를 통해 내용을 출력합니다.
var myVar="Hello World!"; document.write(myVar);
(3) 여러 내용을 출력하고 + 기호로 연결합니다.
var myVar="Hello"; document.write(myVar + "World!");
(4) HTML 태그를 출력하며, 태그는 " "로 묶입니다.
var myVar="Hello World!"; document.write(myVar + "</br>");
2. 공백 출력
브라우저 표시 메커니즘으로 인해 수동으로 입력한 공백은 여러 개의 연속 공백을 하나의 공백으로 표시합니다.
(1) 출력 HTML 태그를 사용하여 해결하세요.
document.write(" "+"1"+" "+"23"); //输出结果: 1 23
(2) CSS 스타일로 해결되었습니다.
document.write("<span style='white-space:pre'>"+" 1 23"+"</span>"); //输出结果: 1 23
3. 경고, 경고 메시지 대화 상자
대화 상자에서 "확인" 버튼을 클릭하기 전에는 다른 작업을 수행할 수 없습니다. 메시지 대화 상자는 일반적으로 프로그램을 디버깅하는 데 사용할 수 있습니다. 문자열이나 변수일 수 있는 경고 출력 콘텐츠는 document.write와 유사합니다.
4. 확인, 메시지 확인 대화 상자
메시지 확인 대화 상자는 사용자가 선택할 수 있도록 하는 데 자주 사용됩니다. 구문: verify(str); 여기서 str은 메시지 대화 상자에 표시될 텍스트이고 반환 값은 부울 값입니다.
var myMessage=confirm("你想学习吗?"); if(myMessage==true){ document.write("想的,好好学习。"); } else{ document.write("不,你想!"); }
참고: 사용자는 대화 상자 버튼을 클릭하기 전에는 다른 작업을 수행할 수 없습니다.
5. 질문, 프롬프트 메시지 대화 상자
프롬프트는 일반적으로 사용자와의 상호 작용이 필요한 일부 메시지를 묻는 데 사용되는 메시지 대화 상자를 표시합니다. 프롬프트 메시지 대화 상자에는 확인 버튼, 취소 버튼 및 텍스트 입력 상자가 포함되어 있습니다. 구문: 프롬프트(str1,str2); 여기서 str1은 메시지 대화 상자에 표시되는 텍스트이며 수정할 수 없으며, str2는 텍스트 상자의 내용이며 수정할 수 있습니다.
var myName=prompt("请输入您的大名:"); if(myName!=Null){ alert("Hello "+myName); } else{ alert("Hello my friend."); }
6. 새 창을 엽니다. window.open
open() 메서드는 기존 또는 새로 생성된 브라우저 창을 찾을 수 있습니다. 구문: window.open([URL],[창 이름],[매개변수 문자열]); 그 중
URL: 선택적 매개변수, 생략된 경우 창에 표시할 웹페이지의 URL 또는 경로 또는 매개변수 값은 문자열이 비어 있으면 창에 문서가 표시되지 않습니다.
창 이름: 이름은 문자, 숫자, _로 구성됩니다. 특별한 의미를 지닌 이름: _blank는 대상 웹 페이지를 새 창에 표시합니다. _self는 대상 웹 페이지를 현재 창에 표시합니다. _top은 프레임 웹 페이지의 위쪽 창에 대상 웹 페이지를 표시합니다. 창마다 다른 이름이 필요하며 이름에 공백이 있어서는 안 됩니다.
매개변수 문자열:
Parameter | 가치 | 지침 |
톱 | 번호 | 창 상단이 화면 상단에서 떨어져 있는 픽셀 수 |
왼쪽 | 번호 | 창의 왼쪽 끝이 화면의 왼쪽 끝을 벗어나는 픽셀 수 |
너비 | 번호 | 창 너비 |
키 | 번호 | 창 높이 |
메뉴바 | 예, 아니오 | 창에 메뉴가 있는지 |
툴바 | 예, 아니오 | 창에 툴바가 있는지 여부 |
스크롤바 | 예, 아니오 | 창에 스크롤바가 있는지 |
상태 | 예, 아니오 | 창에 상태 표시줄이 있는지 여부 |
var myWin=window.open("https://blog.csdn.net/bertZuo"); //将新打开的窗口对象存储在变量myWin中 myWin.close(); //关闭窗口
관련 기사:
Javascript 팝업 windows_javascript 기술의 다양한 방법 요약
관련 동영상:
JavaScript 기본 구문 및 기본 명령문 비디오 튜토리얼
위 내용은 JavaScript 검토 기록 - 출력의 다양한 용도의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!