Hallo teman-teman, Bertemu kembali dengan saya dan masih diwebsite ini. Seperti biasa ya teman-teman, semoga masih diberikan kesehatan dan kebahagiaan agar dapat kembali semangat dalam mencari informasi atau ingin mengupgrade skill didunia website terutama dalam hal desain website.
Pada Kesempatan kali ini saya akan membahas tentang Cara Memanggil File HTML dengan JQuery. Apa sih yang dimaksud tentang pembahasan kali ini ? jadi pembahasan kali ini kurang lebihnya sama seperti proses include pada PHP dimana bertujuan untuk menginclude (memasukan) sebuah script code yang berada di tiap tiap file.
Jika teman-teman sudah mengenal lebih dahulu tentang php maka akan dengan sangat mudah dalam memahami pembahasan kali ini. Tapi jika teman-teman belum ada basic diphp maka saya akan mulai mencontohkan atau mempraktekannya agar teman-teman mengerti dari pembahasan kali ini.
Oke kalau begitu langsung saja kita mulai Cara Memanggil File HTML dengan JQuery. Pertama-tama jalankan text editor yang teman-teman gunakan, lalu buat lah sebuah file html dengan script code seperti dibawah ini :
<!DOCTYPE html> <html> <head> <title>Memanggil file HTML dengan JQuery</title> </head> <body> <div id="header"> </div> </body> </html>
Oke langsung teman-teman simpan filenya dengan format html. Oke lanjut ke langkah selanjutnya teman-teman buat file html baru lagi lalu masukan script code dibawah ini :
<h1>YEAY!! BERHASIL</h1>
Jika sudah simpan dengan format html dan berikan nama file nya ‘panggil’ (tanpa tanda petik). Oke jadi disini kita sudah mempunyai 2 buah file html contohnya akan seperti pada gambar dibawah ini :
sudah seperti itu teman-teman ? langkah selanjutnya teman-teman buka file html yang pertama (index.html) lalu masukan script javascript (jquery) dibawah ini guna nya untuk memanggil file htmlnya.
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script type='text/javascript'>
$(document).ready(function(){
$( "#header" ).load( "panggil.html" );
});
</script>Oke teman-teman, jika sudah memasukan code JS diatas kedalam file (index.html) yang teman-teman buka dan letakan script JS diatas diantara tag head. Dan langkah terakhir silahkan teman-teman jalankan/run file index.htmlnya kebrowser yang teman-teman gunakan. Jika benar maka hasilnya akan sama seperti pada gambar dibawah ini :
Cukup mudah ya teman-teman, semoga teman-teman dapat memahaminya. Jadi seperti itulah contoh Cara Memanggil File HTML dengan Jquery. Untuk pengembangannya silahkan teman-teman coba sendiri dengan acuan seperti diatas.
Oke kalau begitu cukup sekian pembahasan saya kali ini tentang Cara Memanggil File HTML dengan Jquery semoga dapat bermanfaat buat teman-teman dan sampai bertemu dipembahasan selanjutnya.
Terimakasih
The post Cara Memanggil File HTML dengan JQuery appeared first on Kursus Website Terbaik.