Rumah  >  Artikel  >  hujung hadapan web  >  Parameter kaedah javascript jsp onclick

Parameter kaedah javascript jsp onclick

WBOY
WBOYasal
2023-05-17 15:48:081281semak imbas

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>

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>

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>

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!

Kenyataan:
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