Dengan pembangunan pembangunan bahagian hadapan, JavaScript telah menjadi bahasa pengaturcaraan yang penting, dan menguasai kaedah input JS juga merupakan langkah yang sangat penting untuk pembelajaran dan pembangunan.
Terdapat banyak kaedah input dalam JavaScript, termasuk melalui kotak teks HTML, baris arahan, konsol, kotak dialog pop timbul dan juga input papan kekunci.
Pertama, mari kita lihat cara menggunakan kotak teks HTML untuk melaksanakan input. Dalam HTML, kita boleh mencipta kotak teks melalui elemen <input>
, dan kemudian memperoleh nilai elemen melalui JavaScript untuk mencapai input. Contohnya:
<input type="text" id="username"> <button onclick="submit()">提交</button> <script> function submit() { var name = document.getElementById("username").value; alert("欢迎您," + name + "!"); } </script>
Dalam contoh di atas, kami memperoleh elemen kotak teks dengan ID "nama pengguna" melalui kaedah document.getElementById()
, kemudian memperoleh nilai dalam kotak teks melalui atribut .value
, dan menggunakan alert()
Kaedah mengeluarkan mesej alu-aluan.
Selain menggunakan kotak teks HTML untuk input, kami juga boleh memasukkan melalui baris arahan. Dalam persekitaran Node.js, kita boleh menggunakan modul Readline Node untuk mendapatkan input pengguna daripada baris arahan. Contohnya:
const readline = require('readline'); const rl = readline.createInterface({ input: process.stdin, output: process.stdout }); rl.question('请输入您的名字:', (answer) => { console.log(`欢迎您,${answer}!`); rl.close(); });
Dalam contoh ini, kami menggunakan Readline modul terbina dalam Node.js untuk bertanya soalan kepada pengguna melalui kaedah rl.question()
dan menunggu input pengguna, kemudian lulus input pengguna sebagai parameter kepada fungsi panggil balik. Akhirnya, mesej alu-aluan dikeluarkan dan objek Readline ditutup.
Selain menggunakan baris arahan untuk input, kita juga boleh menggunakan konsol untuk input. Dalam penyemak imbas, kita boleh membuka konsol melalui F12 dan menggunakan kaedah prompt()
atau console.log()
dalam konsol untuk mencapai input dan output. Contohnya:
var name = prompt("请输入您的名字:"); console.log("欢迎您," + name + "!");
Dalam contoh ini, kami menggunakan kaedah prompt()
untuk muncul kotak dialog untuk input pengguna, dan kemudian gunakan kaedah console.log()
untuk mengeluarkan mesej alu-aluan.
Selain kaedah di atas, kami juga boleh melaksanakan operasi input JavaScript melalui kotak dialog pop timbul, input papan kekunci, Ajax, dsb. Sama ada cara, anda perlu memahami sintaks asas JavaScript dan cara menggunakan API yang sepadan untuk melaksanakan operasi input dengan lebih baik.
Dengan pembangunan berterusan dan pengemaskinian teknologi JavaScript, kaedah input juga sentiasa dikemas kini dan diubah. Kita mesti terus belajar dan menguasai teknologi dan alatan baharu untuk menangani masalah yang timbul semasa pembangunan dan pembelajaran dengan lebih baik, serta mencapai pengalaman pengguna dan kesan aplikasi yang lebih baik.
Atas ialah kandungan terperinci Bagaimana untuk memasukkan dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!