Home»Artikel JavaScript»Membuat Pop-Up Window Di Javascript
Download Source Code Aplikasi

Membuat Pop-Up Window Di Javascript

Monday, November 25th, 2019 - Artikel JavaScript

Dengan JavaScript dimungkinkan anda membuat dan menampilkan suatu jendela yang gres kepada pengguna. Selain dapat memilih ukuran jendelanya.

Anda dapat memilih kapan jendela tersebut ditampilkan atau dipanggil, untuk itu perlu melibatkan atribut event ONLOAD atau ONCLICK, alasannya yakni kedua atribut event ini yang sering digunakan.

Untuk membuat jendela gres anda dapat memakai metode open() dari objek Window. Bentuk sintaksnya ibarat berikut:

window.open(URL, windowName, windowFeatures)
  • URL yakni string yang menetapkan lokasi dokumen yang akan dibuka di dalam jendela yang baru.
  • windowName yakni string untuk memperlihatkan nama dokumen yang dibuka dijendela baru.
  • windowFeatures memiliki nilai yang akan memilih tinggi, lebar, statusbar tampil atau tidak, dst.

Contoh arahan di bawah ini membuat jendela dengan lebar 190 piksel dan tinggi 190 piksel:

function loadNewWin() { window.open("A.html","x","width=190,height=190"); }

Kemudian memanggilnya dikala halaman pertama muat:

<BODY ONLOAD="loadNewWin()">

Contoh arahan di bawah ini, parameter URL yakni kosong, untuk isinya memakai metode document.write():

function loadNewWin() { var newWin = window.open("","x","width=190,height=190"); newWin.document.write("<H1>Halo Dunia!</H1>"); }

Kemudian memanggilnya dikala halaman pertama muat:

<BODY ONLOAD="loadNewWin()">

Untuk menampilkan jendela gres dikala diklik, silahkan dengan pola berikut:

<BUTTON ONCLICK="loadNewWin()">Buka jendela baru.</BUTTON>
Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.
Download Source Code Aplikasi
Membuat Pop-Up Window Di Javascript | Ahmad Code | 4.5

Related Posts