Hallo sobat program, bertemu lagi dengan saya Rizal dan masih tetap diwebsite Dumetschool. Pada kesempatan kali ini kita akan membahas seputar metode DOM Javascript yaitu tentang Cara Menggunakan Metode DOM open() pada Javascript. Metode DOM open() pada javascript ini hampir mirip dengan tag a pada HTML jadi fungsi dan kegunaannya untuk membuka document atau link di window baru atau tetap.
jika teman-teman sering menemukan pop up saat download atau ke website lain dan sering muncul iklan pop up nah itu merupakan contoh sederhana dari penggunaan dom open() ini. Dan kali ini kita akan mencoba membuat window iklan seperti pada yang lainnya dengan menggunakan metode DOM open(). Oke langsung kepembahasan hal yang harus teman-teman ketahui untuk penulisan script metode open() seperti pada contoh dibawah ini :
Dari acuan script diatas kita akan membuat new window dengan open, oke langsung kita coba, teman-teman ketik script atau kode seperti pada contoh dibawah ini :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <!DOCTYPE html> <html> <head> <title>DOM open()Javascript</title> </head> <body> <p>HTML DOM open()Method Javascript</p> <button title="myFunction()">ClickHere!</button> <script> functionmyFunction(){ varmyWindow=window.open("//www.dumetschool.com/","Pesan", "width=400,height=300"); } </script> </body> </html> |
Jika sudah, silahkan teman-teman simpan. Pada kode diatas saya membuat sebuah function button jadi ketika di klik maka metode open akan dijalankan dengan nilai url,pesan, dan ukuran window baru nya. Dari kode diatas jika dijalankan maka hasilnya akan seperti pada contoh dibawah ini :
Jadi seperti itulah teman-teman contoh sederhana Cara Menggunakan Metode DOM open() pada Javascript. Silahkan teman-teman explore lagi lebih jauh sesuai kreativitas teman-teman tentang metode open ini.
Oke kalau begitu cukup sampai disini pembahasan kita tentang Cara Menggunakan Metode DOM open() pada Javascript. Semoga dapat bermanfaat dan sampai bertemu dipembahasan selanjutnya.
Terimakasih
Skip to content
- Bootcamp
- Website Bootcamp
- Android Bootcamp
- Data Science Bootcamp
- React & React Native Bootcamp
- Professional Development
- Coding for Kids
- Coding For Kids
- Coding for Teens
- Beginner Level
- Intro to Programming
- Website
- Android Java
- Intro to Python for Data Science
- Internet of things
- Intermediate
Level
- Web Developer
- Laravel
- React JS
- Mobile App Developer
- Android Kotlin
- React Native
- Web Developer
- Digital Marketing
- Fundamentals Program
- Coding for Kids
- Microsoft
- MS Word
- Microsoft Word Beginner
- Microsoft Word Intermediate
- MS Excel
- Microsoft Excel Beginner
- Microsoft Excel Intermediate
- MS PowerPoint
- Microsoft Power Point Beginner
- Microsoft PwrPoint Intermediate
- MS Word
- Corporate Training
- Events
Menu
Cara Output pada JavaScript
- Lainnya, Programming
- July 5, 2021
admin_haltev
JavaScript dapat menampilkan data dengan cara yang berbeda. Disini kita akan menggunakan 4 cara untuk output pada Javascript.
Ada 4 cara yaitu dengan :
- Menulis ke dalam elemen HTML, menggunakan innerHTML.
- Menulis ke dalam output HTML menggunakan document.write().
- Menulis ke dalam box pop up, menggunakan window.alert().
- Menulis ke konsol browser, menggunakan console.log().
Menggunakan innerHTML
Untuk mengakses elemen HTML, JavaScript dapat menggunakan metode document.getElementById(id).
Atribut id mendefinisikan elemen HTML. Properti innerHTML mendefinisikan konten HTML:
Menggunakan document.write()
Untuk pengujian ini , akan lebih mudah menggunakan document.write():
Menggunakan window.alert()
Anda dapat menggunakan box alert untuk menampilkan data:
Menggunakan console.log()
Untuk tujuan debugging, Anda dapat memanggil metode console.log() di browser untuk menampilkan data.
- FULLSTACK, JAVASCRIPT, PROGRAMMER, PROGRAMMING, WEBSITE
Popular Article
Recent Article
HALTEV
Kontak Kami
- (021) 8274 0767
- Jl. Boulevard Raya Blok RGA, No.30, Grand Galaxy City, Jaka Setia, Kec. Bekasi Selatan, Kota Bekasi, Jawa Barat 17147.
- Jl. Raya Bekasi KM 25, Ruko AURI Blok B.29 , Ujung Menteng, Cakung, Jakarta Timur.
© 2022 Haltev All Rights Reserved
Connect with us
Isi email kamu untuk terhubung dengan Haltev, soal trend, promo dan lainnya
Formulir Pendaftaran
Isi formulir pendaftaran dengan lengkap untuk mendaftar.
Formulir Pendaftaran
Isi formulir pendaftaran dengan lengkap untuk mendaftar.
Formulir Pendaftaran
Isi formulir pendaftaran dengan lengkap untuk mendaftar.
Formulir Pendaftaran
Isi formulir pendaftaran dengan lengkap untuk mendaftar.
Formulir Pendaftaran
Isi formulir pendaftaran dengan lengkap untuk mendaftar.
Formulir Pendaftaran
Isi formulir pendaftaran dengan lengkap untuk mendaftar.
Formulir Pendaftaran
Isi formulir pendaftaran dengan lengkap untuk mendaftar.
Formulir Pendaftaran
Isi formulir pendaftaran dengan lengkap untuk mendaftar.
Formulir Pendaftaran
Isi formulir pendaftaran dengan lengkap untuk mendaftar.
Formulir Pendaftaran
Isi formulir pendaftaran dengan lengkap untuk mendaftar.