cari

Rumah >hujung hadapan web >tutorial js >Bagaimanakah Saya Boleh Menggayakan Butang 'OK' dalam Kotak Makluman Javascript?

Bagaimanakah Saya Boleh Menggayakan Butang 'OK' dalam Kotak Makluman Javascript?

DDD
DDDasal
2024-12-08 03:30:12230semak imbas

How Can I Style the

Menggayakan Butang "OK" dalam Kotak Makluman

Dalam Javascript, fungsi alert() memaparkan kotak isyarat modal yang mengandungi mesej dan butang "OK". Walaupun penampilan keseluruhan kotak amaran ditentukan oleh tetapan sistem, ia tidak tertakluk secara langsung pada penyesuaian CSS.

Menyesuaikan Fungsi Kotak Amaran

Untuk mengubah suai penggayaan butang "OK", pertimbangkan untuk mencipta elemen HTML untuk meniru fungsi alert(). Contohnya, menggunakan ciri Dialog UI jQuery menawarkan anggaran yang hampir:

Contoh dengan Dialog UI jQuery:

<!doctype html>
<html lang="en">
<head>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
    $(function() {
      $("#dialog").dialog();
    });
  </script>
</head>
<body>

<div>

Dalam contoh ini, kami telah mencipta dialog kotak dengan tajuk "Isyarat Tersuai." Anda kini boleh menggunakan CSS untuk menyesuaikan penampilannya, termasuk butang "OK".

Nota: Dialog UI jQuery memerlukan kod tambahan untuk melaksanakan fungsi alert(), seperti memaparkan mesej dan menutup dialog apabila butang diklik.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggayakan Butang 'OK' dalam Kotak Makluman Javascript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

JavaScript jquery css html for while using function this alert ui
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
Artikel sebelumnya：Apakah yang `return false` Lakukan dalam Pendengar Acara HTML?Artikel seterusnya：Apakah yang `return false` Lakukan dalam Pendengar Acara HTML?

Artikel berkaitan

Lihat lagi