4. Objek Window
A. Membuka Window di Javascript
Untuk membuka window di javascript adalah dengan metode open()
Sintaks:
window.open(url, nama_window, konfigurasi)
Contoh:
window.open(“http://www.google.com”,”windowku”,”width=300,height=200”);
Untuk konfigurasi yang bisa diset sebagai berikut:
Contoh:
<html>
<body>
<script>
function bukawindow(){
window.open("http://www.google.com","google","width=400,height=300,toolbar=1"
);
}
</script>
<input type="button" onclick="bukawindow()" value="buka">
</body>
</html>
B. Mereload, Menutup, Meloading Halaman Baru, Print
Untuk mereload window adalah dengan cara:
window.location.reload()
Untuk menutup window adalah dengan cara:
Untuk menutup window adalah dengan cara:
window.close()
Untuk meloading halaman baru adalah:
window.location="urlkamu.com"
kode di atas akan sama jika anda mengklik suatu link:
<a href=”urlkamu.com”>urlkamu</a>
Untuk mengeprint halaman web
window.print()
Untuk meloading halaman baru adalah:
window.location="urlkamu.com"
kode di atas akan sama jika anda mengklik suatu link:
<a href=”urlkamu.com”>urlkamu</a>
Untuk mengeprint halaman web
window.print()
C. Komunikasi Antar Window
Adakalanya ketika kita membuka window baru, kita bisa melakukan komunikasi data ke window parent-nya, atau bisa mengakses dan memanipulasi objek di window parent.
Untuk mengakses window parent
gunakan window.opener
Contoh:
Induk.html
<html>
<head>
<title>Test</title>
<script language="javascript">
function buka(){
var x = window.open('anak.html', 'newWindow', 'height=300,width=300');
}
</script>
</head>
<body>
<form name=formulir>
<INPUT type=button value="buka window" name=submit1 onClick="buka();">
<input type=text name=kotak id=kotak>
</form>
</body>
</html>
anak.html
<html>
<head>
<title>testing</title>
<script language=javascript>
function setInduk(){
window.opener.document.getElementById("kotak").value =
document.getElementById("inputan").value;
}
</script>
</head>
<body>
<form name=myForm>
<input type=text name="inputan" id="inputan">
<input type=button value="Click Me" onClick="setInduk();">
</form>
</body>
</html>
D. Alert, Confirm dan Prompt
alert digunakan untuk menampilkan window alert
Contoh:
<script>
alert(“Hellow World!!”);
</script>
Hasil:
cofirm, digunakan untuk memunculkan window konfirmasi atau semacam pertanyaan yang
jawabannya antara OK atau Cancel
Contoh:
<script type="text/javascript">
var x=window.confirm("Apakah anda baik-baik saja?")
if (x)
window.alert("Good!")
else
window.alert("Too bad")
</script>
Prompt, digunakan untuk meminta inputan melalui window
Contoh:
<script type="text/javascript">
var y=window.prompt("Masukkan nama anda")
window.alert(y)
</script>
Hasilnya
Hello, my name is Azifal. I'm a 16 year old. 
0 komentar:
Posting Komentar