pop timbul JavaScript
Anda boleh mencipta tiga jenis kotak mesej dalam JavaScript: kotak amaran, kotak pengesahan dan kotak gesaan.
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.
Tatabahasa
window.alert() kaedah boleh digunakan terus tanpa objek tetingkap alert(. )kaedah.
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function myFunction(){
alert("你好，我是一个警告框！");
}
</script>
</head>
<body>
<input type="button" onclick="myFunction()" value="显示警告框" />
</body>
</html>Run Instance»
Klik butang "Run Instance" untuk melihat contoh dalam talian
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 kembali benar Jika anda mengklik "Batal", kotak pengesahan akan kembali palsu.
Tatabahasa
window.confirm() kaedah boleh digunakan terus tanpa objek tetingkap confirm(. )kaedah.
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</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>Run Instance»
Klik butang "Run Instance" untuk melihat contoh dalam talian
Kotak gesaan
Kotak gesaan selalunya digunakan untuk menggesa pengguna memasukkan nilai tertentu sebelum memasuki halaman.
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.
Tatabahasa
window.prompt() kaedah boleh diabaikan Untuk objek tetingkap, gunakan kaedah prompt() secara langsung.
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</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>Run Instance»
Klik butang "Run Instance" untuk melihat contoh dalam talian
Pemutus baris
Tetingkap pop timbul menggunakan sengkang ke belakang + "n"(n) untuk menetapkan pemisah baris.
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>点击按钮在弹窗总使用换行。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
function myFunction(){
alert("Hello\nHow are you?");
}
</script>
</body>
</html>Run Instance»
Klik butang "Run Instance" untuk melihat contoh dalam talian
