집 >웹 프론트엔드 >JS 튜토리얼 >JavaScript 검토 기록 - 출력의 다양한 용도

JavaScript 검토 기록 - 출력의 다양한 용도

php是最好的语言원래의: 2018-08-02 09:59:001024검색

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=&#39;white-space:pre&#39;>"+"  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	가치	지침
톱	번호	창 상단이 화면 상단에서 떨어져 있는 픽셀 수
왼쪽	번호	창의 왼쪽 끝이 화면의 왼쪽 끝을 벗어나는 픽셀 수
너비	번호	창 너비
키	번호	창 높이
메뉴바	예, 아니오	창에 메뉴가 있는지
툴바	예, 아니오	창에 툴바가 있는지 여부
스크롤바	예, 아니오	창에 스크롤바가 있는지
상태	예, 아니오	창에 상태 표시줄이 있는지 여부

7 창을 닫습니다.window.close

var myWin=window.open("https://blog.csdn.net/bertZuo");    //将新打开的窗口对象存储在变量myWin中
myWin.close();    //关闭窗口

JavaScript 검토 기록 - 출력의 다양한 용도

관련 기사