Intern eksternal JavaScript: Belajar dengan Contoh
James Hartman
Anda dapat menggunakan JavaKode skrip dalam dua cara.
- Anda dapat memasukkan JavaKode skrip secara internal dalam dokumen HTML Anda Diri
- Anda dapat menyimpan JavaKode skrip di file eksternal terpisah lalu arahkan ke file itu dari dokumen HTML Anda.
Apa itu Internal JavaNaskah?
Kami telah menggunakan JS Internal sejauh ini. Ini contohnya –
<html>
<head>
<title>My First JavaScript code!!!</title>
<script type="text/javascript">
// Create a Date Object
var day = new Date();
// Use getDay function to obtain todays Day.
// getDay() method returns the day of the week as a number like 0 for Sunday, 1 for Monday,….., 5
// This value is stored in today variable
var today = day.getDay();
// To get the name of the day as Sunday, Monday or Saturday, we have created an array named weekday and stored the values
var weekday = new Array(7);
weekday[0]="Sunday";
weekday[1]="Monday";
weekday[2]="Tuesday";
weekday[3]="Wednesday";
weekday[4]="Thursday";
weekday[5]="Friday";
weekday[6]="Saturday";
// weekday[today] will return the day of the week as we want
document.write("Today is " + weekday[today] + ".");
</script>
</head>
<body>
</body>
</html>
Apa itu Eksternal JavaNaskah?
Anda berencana untuk menampilkan tanggal dan waktu saat ini di semua halaman web Anda. Misalkan Anda menulis kode dan menyalinnya ke semua halaman web Anda (misalkan 100). Namun, nanti, Anda ingin mengubah format tampilan tanggal atau waktu. Dalam kasus ini, Anda harus membuat perubahan di semua 100 halaman web. Ini akan menjadi tugas yang sangat memakan waktu dan sulit.
Jadi, simpanlah JavaNaskah kode dalam file baru dengan ekstensi .js. Kemudian, tambahkan sebaris kode di semua halaman web Anda untuk menunjuk ke file .js Anda seperti ini:
<script type="text/javascript" src="currentdetails.js">
Note: Diasumsikan bahwa file .js dan semua halaman web Anda berada dalam folder yang sama. Jika file external.js berada di folder lain, Anda perlu menentukan path lengkap ke file Anda di atribut src.
Cara menghubungkan eksternal JavaNaskah
var currentDate = new Date();
var day = currentDate.getDate();
var month = currentDate.getMonth() + 1;
var monthName;
var hours = currentDate.getHours();
var mins = currentDate.getMinutes();
var secs = currentDate.getSeconds();
var strToAppend;
if (hours >12 )
{
hours1 = "0" + (hours - 12);
strToAppend = "PM";
}
else if (hours <12)
{
hours1 = "0" + hours;
strToAppend = "AM";
}
else
{
hours1 = hours;
strToAppend = "PM";
}
if(mins<10)
mins = "0" + mins;
if (secs<10)
secs = "0" + secs;
switch (month)
{
case 1:
monthName = "January";
break;
case 2:
monthName = "February";
break;
case 3:
monthName = "March";
break;
case 4:
monthName = "April";
break;
case 5:
monthName = "May";
break;
case 6:
monthName = "June";
break;
case 7:
monthName = "July";
break;
case 8:
monthName = "August";
break;
case 9:
monthName = "September";
break;
case 10:
monthName = "October";
break;
case 11:
monthName = "November";
break;
case 12:
monthName = "December";
break;
}
var year = currentDate.getFullYear();
var myString;
myString = "Today is " + day + " - " + monthName + " - " + year + ".<br />Current time is " + hours1 + ":" + mins + ":" + secs + " " + strToAppend + ".";
document.write(myString);
Ini adalah berkas currentdetails.js Anda. Jangan khawatir melihat baris kode yang panjang. Anda akan segera belajar membuat kode. Buat perubahan pada dokumen HTML Anda seperti ini:
<html> <head> <title>My External JavaScript Code!!!</title> <script type="text/javascript" src="currentdetails.js"> </script> </head> <body> </body> </html>
Kapan Menggunakan Internal dan Eksternal JavaKode Skrip?
Jika Anda hanya memiliki beberapa baris kode yang khusus untuk halaman web tertentu, lebih baik simpan saja JavaKode skrip internal dalam dokumen HTML Anda.
Di sisi lain, jika file JavaKode skrip digunakan di banyak halaman web, maka Anda harus mempertimbangkan untuk menyimpan kode Anda dalam berkas terpisah. Dalam hal ini, jika Anda ingin membuat beberapa perubahan pada kode Anda, Anda hanya perlu mengubah satu berkas saja yang memudahkan pemeliharaan kode. Jika kode Anda terlalu panjang, maka lebih baik menyimpannya dalam berkas terpisah. Ini membantu memudahkan debugging.