Parameter kaedah javascript jsp onclick

WBOY
Lepaskan: 2023-05-17 15:48:08
asal
1288 orang telah melayarinya

Dalam JSP, JavaScript boleh digunakan untuk mencapai beberapa kesan dinamik, seperti muncul kotak gesaan apabila pengguna mengklik butang atau pautan. Jika anda perlu lulus parameter dalam acara klik, anda boleh menggunakan kaedah onclick. Kaedah

onclick ialah pengendali acara yang digunakan untuk melaksanakan kod dalam HTML dan JavaScript. Dalam halaman JSP, kaedah onclick boleh digunakan untuk mencetuskan fungsi JavaScript. Kaedah ini perlu muncul sebagai atribut dalam teg HTML dan menyokong parameter lulus.

Berikut ialah beberapa contoh yang menunjukkan cara menghantar parameter menggunakan kaedah onclick dalam JSP:

  1. Panggil fungsi JavaScript dengan menghantar parameter
<button onclick="myFunction('Hello World')">点击</button>

<script>
function myFunction(message) {
    alert(message);
}
</script>
Salin selepas log masuk

Dalam ini Dalam contoh, apabila pengguna mengklik butang, fungsi myFunction akan dipanggil dan parameter "Hello World" akan diluluskan. Fungsi ini akan muncul kotak mesej dan memaparkan mesej yang diluluskan.

  1. Pas parameter dalam gelung
<c:forEach var="i" begin="1" end="5">
    <button onclick="myFunction(${i})">点击${i}</button>
</c:forEach>

<script>
function myFunction(num) {
    alert("您点击了按钮" + num);
}
</script>
Salin selepas log masuk

Dalam contoh ini, gelung forEach pustaka tag JSTL digunakan untuk menjana 5 butang dan kaedah onclick setiap butang ialah Fungsi myFunction akan dipanggil, melepasi nilai pembilang bagi gelung semasa. Apabila pengguna mengklik butang, kotak mesej dipaparkan dengan mesej "Anda mengklik butang x", di mana x ialah nombor butang.

  1. Luluskan parameter menggunakan objek dan sifat
<c:set var="person" value="${new Person('张三', 20)}"/>

<button onclick="myFunction('${person.name}', ${person.age})">点击</button>

<script>
function myFunction(name, age) {
    alert("姓名:" + name + ",年龄:" + age + "岁");
}

function Person(name, age) {
    this.name = name;
    this.age = age;
}
</script>
Salin selepas log masuk

Dalam contoh ini, objek JavaScript bernama Person ditakrifkan, yang mempunyai atribut nama dan atribut umur . Buat objek Orang bernama orang dalam halaman JSP menggunakan teg c:set dan hantar ke kaedah onclick. Apabila pengguna mengklik butang, fungsi myFunction dipanggil, menghantar nilai harta objek sebagai parameter. Fungsi ini akan memaparkan kotak mesej yang menunjukkan nama dan umur objek Orang.

Ringkasnya, sangat mudah dan mudah untuk menggunakan kaedah onclick untuk menghantar parameter dalam halaman JSP. Sama ada anda memanggil fungsi JavaScript, menghantar parameter dalam gelung atau menghantar parameter melalui objek dan sifat, anda boleh menggunakan kaedah onclick.

Atas ialah kandungan terperinci Parameter kaedah javascript jsp onclick. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan