, Membuat perpustakaan external javascript | MEMAHAMI DAN OPTIMASI WEB

Membuat perpustakaan external javascript

Membuat  dan referensi perpustakaan external java script 

Kebanyakan "mainstream" bahasa pemrograman seperti C atau Java dukungan "library code", di mana seorang programmer dapat menyimpan sepotong kode umum yang digunakan sebagai file library dan referensi dari program utama. Nah, JavaScript mendukung perpustakaan eksternal juga, dalam bentuk file Js.


Sintax Untuk Membuat Perpustakaan Javascript.

Semua perpustakaan JavaScript terdiri dari dua bagian:

√ JavaScript eksternal itu sendiri, yang hanya mengandung file teks dengan kode JavaScript yang, disimpan sebagai file js.

√ Sebuah <script> tag referensi file JavaScript eksternal dan didefinisikan di halaman (s) yang menggunakan perpustakaan.

Mari kita berpura-pura bahwa kita baru saja membuat kode hebat yang tertulis keluar pada tanggal hari ini:
1
2
3
4
5
6
7
8
9
<script type="text/javascript">
function todaydate(){
    var today_date= new Date()
    var myyear=today_date.getYear()
    var mymonth=today_date.getMonth()+1
    var mytoday=today_date.getDate()
    document.write(myyear+"/"+mymonth+"/"+mytoday)
}
</script>

Menggunakan kode di atas, memungkinkan untuk membuat perpustakaan dari itu, sehingga beberapa halaman semua dapat menampilkan tanggal bagus tanpa harus secara fisik menyertakan kode di atas pada halaman tersebut.

Langkah 1: 
Buka editor teks Anda (seperti notepad), ketik kode di atas, dan simpan sebagai file individu dengan js extension (yaitu: displaydate.js). Sebuah perpustakaan eksternal harus mencakup seluruh script, minus tag skrip sekitarnya.

Langkah 2: 
Pada semua halaman yang menggunakan perpustakaan di atas, membuat referensi untuk menggunakan kode di bawah ini. Ini terdiri dari tag <script> dengan properti src opsional termasuk didalam:

 Syntax untuk membuat perpustakaan javascript 

Diisi semua dari kedua perpustakaan javascript itu:l
  • "external JavaScript" itu sendiri,yang terdiri dari text simpel dari kode, yang disimpan sebagai file .js 
  • Sebua <script> tag referensikan file external javascript dan diterapkan pada halaman (s) yang menggunakan perpustakaan.
Demi diskusi kita, mari kita berpura-pura bahwa kita baru saja membuat kode hebat yang tertulis keluar pada tanggal hari ini:
1
2
<script src="displaydate.js" type="text/javascript">
</script>
Dengan memasukan referensi di atas, browser Anda sekarang akan men-download kode yang tersimpan di dalam displaydate.js, dan menjalankannya sebagai js jika kode itu secara fisik diketik ke halaman. Maka file library tidak harus disimpan di direktori yang sama dengan halaman menggunakannya. Bahkan, kita dapat referensi perpustakaan yang ada di domain!
1
2
</script>
Sementara alasan terbesar untuk menggunakan perpustakaan JavaScript jelas (memungkinkan Anda untuk dengan mudah mendistribusikan satu kode untuk digunakan pada banyak halaman), alasan sekunder. Sebuah perpustakaan JavaScript, bila digunakan pada beberapa halaman, sebenarnya lebih efisien daripada langsung menanamkan kode di dalam perpustakaan pada setiap halaman. Setelah browser bertemu dengan perpustakaan pertama kali, maka menghemat kode yang berisi dalam cache. permintaan berikutnya untuk perpustakaan di halaman lain akan menghasilkan perpustakaan yang dimuat dari cache, atau kecepatan tinggi!

Lihat juga
Cara memanfaatkan cache control di-blog.
Share on Google Plus

0 komentar:

Untuk Melanjutkan Membaca Silahkan Lengkapi Form Ini