Objek Window Pada Java Script



Objek window merupakan objek tertinggi dalam objek Javascript. Objek ini digunakan untuk memanipulasi tampilan jendela dari document HTML.


Property pada Objek window

Property
Fungsi
length
Mengetahui jumlah frame pada window
location.href
Mengakses objek location untuk melakukan redirect atau berpindah ke alamat tertentu.
Status=nilai_status
Memberikan nilai status window

Metode-metode untuk Objek window

Method
Fungsi
alert(pesan)
Memunculkan messagebox sebuah pesan kesalahan
confirm(pesan)
Memunculkan pesan konfirmasi. Method ini akan menghasilkan dua nilai kembalian yaitu true untuk Ok dan false untuk Cancel
prompt(pesan,nilai default)
Memunculkan pesan yang menunggu sebuah input
close()
Menutup jendela aktif
open(url|file,windowname ,feature)
Membuka jendela baru dengan feature meliputi :
toolbar=yes|no          mengaktifkan toolbar
status=yes|no      mengaktifkan window status
menubar=yes|no  mengaktifkan menubar
scrollbars=yes|no   mengaktifkan scrollbar
resizable=yes|no jendela resizeable
width = ukuran lebar jendela
height = ukuran tinggi jendela      
print()
Membuka jendela dialog print

Contoh Program JavaScript
<HTML>
<BODY>
<H3>Latihan Objek Window</H3><hr>
<SCRIPT LANGUAGE="Javascript">
window.status="Welcome";
window.alert=("Selamat Datang");
angka=window.prompt("Inputkan Angka ?",0);
document.write("Angka vaforit anda adalah =<strong>" +angka+ "</strong><br>");
tampung=window.confirm("jenis kelamin anda Pria ?");
if(tampung)
 {
  document.write("Boleh Kenalan donk");
  }
else
 { 
  document.write("Ok dech");
  }
window.close();      
</SCRIPT>
</BODY>
</HTML>


Contoh penggunaan perintah window.open dan window.location untuk membuka halaman web lain.

Contoh Program JavaScript
<HTML>
<BODY>
<CENTER><H3>Latihan Objek Document</H3><hr>
Membuka Web Page dengan Perintah Window.Open dan Window.Location
</CENTER>
<SCRIPT LANGUAGE="Javascript">
function konek1()
{
  window.open("utsb.HTML");
} 
function konek2()
{
  window.location="kunci_jawaban UTS.HTML";
}
</SCRIPT>
<FORM METHOD="post">
<P><CENTER>
<INPUT TYPE="button" VALUE="Kunci Jawaban UTS A" ONCLICK="konek1()">
<INPUT TYPE="button" VALUE="Kunci Jawaban UTS B" ONCLICK="konek2()">
</FORM></CENTER>
</BODY>
</HTML>
  



Contoh penggunaan objek window.location.href untuk membuka halaman web yang lain.

Contoh Program JavaScript
<HTML>
<BODY>
<CENTER><H3>Latihan Objek Document</H3><hr>
Membuka Web Page dengan Perintah Window.Location.href
</CENTER>
<SCRIPT LANGUAGE="Javascript">
function konek1()
{
  if(document.pilihan.pilih.options[0].selected)
   {
    window.location.href="latobjekradio.HTML";
   }
  else if (document.pilihan.pilih.options[1].selected)
   {
    window.location.href="latobjekselect.HTML";
   }
  else if (document.pilihan.pilih.options[2].selected)  
   {
    window.location.href="latobjekteksarea.HTML";
   } 
return true;   
} 
function konek2()
{
 var pilihint;
 var pilihstr;
 pilihint=document.pilihan.pilih.selectedIndex;
 pilihstr=document.pilihan.pilih.options[pilihint].text;
 document.pilihan.pilihteks.value=" Go To " + pilihstr + "!" ;
}
</SCRIPT>
<CENTER>
<FORM NAME="pilihan">
<B>MENU PILIHAN DENGAN TOMBOL</B>
<P><SELECT NAME="pilih" ONCHANGE="konek2()" MULTIPLE SIZE="3">
        <OPTION>Latihan Objek Radio</OPTION>
        <OPTION>Latihan Objek Select</OPTION>
        <OPTION>Latihan Objek Teks Area</OPTION>
   </SELECT>
 </P>
<P><BR>
<INPUT TYPE="button" name="pilihteks" value"" size="40" maxlength="40">
</P>
<P>
<INPUT TYPE="button" NAME="Gobutton" VALUE="Goo!!" ONCLICK="konek1()">
</P>    
</FORM></CENTER>
</BODY>
</HTML>





 





0 komentar:

Post a Comment