자바스크립트 팝업

JavaScript에서는 경고 상자, 확인 상자, 프롬프트 상자의 세 가지 유형의 메시지 상자를 만들 수 있습니다.

JavaScript 경고()

구문: 경고("sometext");

JavaScript에서 경고 명령을 사용하여 메시지 경고 상자를 만듭니다:

메시지 경고 상자가 대화 상자 모드입니다. 경고 상자가 나타나면 사용자는 확인 버튼을 클릭해야 합니다. 작업을 계속하기 전에 경고 상자를 닫으십시오.

alert 명령에는 사용자에게 표시하려는 텍스트 문자열인 HTML 형식이 아닌 하나의 매개변수가 있습니다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function myFunction(){
   alert("我是一个警告框！");
}
</script>
</head>
<body>
   <input type="button" onclick="myFunction()" value="警告框" />
</body>
</html>

JavaScript verify()

JavaScript에서 확인 명령을 사용하여 메시지 확인 상자를 만듭니다.

구문: confirm("sometext");

확인 상자는 일반적으로 사용자가 작업이 허용됩니다.

확인 카드가 나타나면 사용자는 "확인" 또는 "취소"를 클릭하여 사용자 작업을 확인할 수 있습니다.

"확인"을 클릭하면 확인 상자가 true를 반환합니다. "취소"를 클릭하면 확인 상자가 false를 반환합니다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script>
    if (confirm("您确认要删除该条信息吗？")){
    alert("您选择了删除！");
    } else {
    alert("您选择了不删除");
    }
</script>
</head>
<body>
</body>
</html>

JavaScript 프롬프트()

구문: prompt("sometext","defaultvalue");

구문 설명

prompt()는 두 개의 매개변수를 허용합니다. 첫 번째 매개변수는 프롬프트입니다. 표시할 텍스트의 경우 두 번째 매개변수는 기본 입력 문자입니다. 입력 상자가 비어 있지 않으면 프롬프트()는 입력 상자의 값(HTML 형식 지원)을 반환하고, 그렇지 않으면 null을 반환합니다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script>
    var name = prompt("请输入您的名字：","默认字符")
    if (name!=null && name!=""){
    document.write("你好，" + name + "！")
    }
</script>
</head>
<body>
</body>
</html>

줄 바꿈

팝업 창에서는 백슬래시 + "n"(n)을 사용하여 줄 바꿈을 설정합니다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
    <button onclick="myFunction()">点击显示</button>
    <p id="demo"></p>
<script>
    function myFunction(){
    alert("Hello\nHow are you?");
    }
</script>
</body>
</html>

지속적인 학습

새로운 파일

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <button onclick="myFunction()">点击显示</button> <p id="demo"></p> <script> function myFunction(){ alert("我是当前显示文字\n我是换行文字"); } </script> </body> </html>

제출하다 코드 재설정

자동운전