masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

pop timbul JavaScript

Tiga jenis kotak mesej boleh dibuat dalam JavaScript: kotak amaran, kotak pengesahan dan kotak gesaan.

JavaScript alert()

Syntax: alert("sometext");

at Gunakan arahan amaran dalam JavaScript untuk mencipta kotak amaran mesej:

<script type="text/javascript">
alert("Saya adalah teks gesaan!");
< ;/script>

Kotak amaran mesej berada dalam mod dialog Apabila kotak amaran muncul, pengguna perlu mengklik butang OK untuk menutup kotak amaran sebelum meneruskan operasi. Perintah

alert mempunyai satu parameter, iaitu rentetan teks yang anda mahu paparkan kepada pengguna, yang bukan dalam format 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 confirm()

Gunakan arahan pengesahan dalam JavaScript untuk mencipta kotak pengesahan mesej:

Sintaks: confirm("sometext");

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. 

<!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()

Sintaks: prompt("sometext","defaultvalue");


Perihalan sintaks

prompt() membenarkan dua parameter: parameter pertama ialah teks gesaan untuk dipaparkan dan parameter kedua ialah aksara input lalai. Jika kotak input tidak kosong, prompt() mengembalikan nilai kotak input (format HTML disokong), jika tidak ia mengembalikan 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>

Pemutus talian

Tetingkap pop timbul menggunakan garis serong ke belakang + "n"(n) untuk menetapkan pemisah baris. 

<!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>


Meneruskan pembelajaran
||
<!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>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492959 permainan