pop timbul JavaScript
Tetingkap pop timbul JavaScript
Anda boleh mencipta tiga jenis kotak mesej dalam JavaScript: kotak amaran, kotak pengesahan dan kotak segera.
Kotak amaran
Kotak amaran sering digunakan untuk memastikan pengguna boleh mendapatkan maklumat tertentu.
Apabila kotak amaran muncul, pengguna perlu mengklik butang OK untuk meneruskan operasi.
Sintaks
window.alert("sometext");
kaedah window.alert() boleh diabaikan Untuk objek tetingkap, gunakan kaedah alert() secara langsung.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function myFunction(){
alert("警告框！");
}
</script>
</head>
<body>
<input type="button" onclick="myFunction()" value="显示警告框" />
</body>
</html>Kotak pengesahan
Kotak pengesahan biasanya digunakan untuk mengesahkan sama ada operasi pengguna diterima.
Apabila kad pengesahan muncul, pengguna boleh mengklik "Sahkan" atau "Batal" untuk mengesahkan operasi pengguna.
Apabila anda mengklik "Sahkan", kotak pengesahan akan kembali benar. Jika anda mengklik "Batal", kotak pengesahan akan kembali palsu.
Sintaksis
window.confirm("sometext");
window.confirm( ) kaedah boleh menggunakan kaedah confirm() secara langsung tanpa objek tetingkap.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p>点击按钮，显示确认框。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
function myFunction(){
var x;
var r=confirm("按下按钮!");
if (r==true){
x="你按下了\"确定\"按钮!";
}
else{
x="你按下了\"取消\"按钮!";
}
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>Kotak gesaan
Kotak gesaan sering digunakan untuk menggesa pengguna memasukkan nilai tertentu sebelum memasukkan muka surat.
Apabila kotak gesaan muncul, pengguna perlu memasukkan nilai tertentu dan kemudian klik butang sahkan atau batal untuk meneruskan operasi.
Jika pengguna mengklik Sahkan, nilai pulangan ialah nilai yang dimasukkan. Jika pengguna mengklik Batal, nilai pulangan adalah batal.
Sintaks
window.prompt("sometext","defaultvalue");
kaedah window.prompt() boleh digunakan terus tanpa gesaan objek tetingkap () kaedah.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p>点击按钮查看输入的对话框。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
function myFunction(){
var x;
var person=prompt("请输入你的名字","Harry Potter");
if (person!=null && person!=""){
x="你好 " + person + "! 今天感觉如何?";
document.getElementById("demo").innerHTML=x;
}
}
</script>
</body>
</html>Pemutus talian
Gunakan garis serong ke belakang + "n"(n ) untuk menetapkan talian putus.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p>点击按钮在弹窗总使用换行。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
function myFunction(){
alert("Hello\nHow are you?");
}
</script>
</body>
</html>
