İç dış JavaKomut Dosyası: Örneklerle Öğrenin

By: James Hartman James Hartman
Hours Güncellenmiş

Sen kullanabilirsiniz JavaKodu iki şekilde yazabilirsiniz.

  1. Şunu da dahil edebilirsiniz: JavaKomut dosyası kodu HTML belgenizin içinde dahili olarak kendisi
  2. Sen tutabilirsin JavaKomut dosyası kodu ayrı bir harici dosya ve ardından HTML belgenizdeki o dosyanın üzerine gelin.

Dahili Nedir? JavaSenaryo?

Şu ana kadar Internal JS kullanıyoruz. İşte bir örnek –

<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>

Dış Nedir? JavaSenaryo?

Tüm web sayfalarınızda geçerli tarih ve saati görüntülemeyi planlıyorsunuz. Diyelim ki kodu yazdınız ve tüm web sayfalarınıza kopyaladınız (diyelim ki 100). Ancak daha sonra, tarih veya saatin görüntülendiği biçimi değiştirmek istiyorsunuz. Bu durumda, 100 web sayfasının hepsinde değişiklik yapmanız gerekecektir. Bu çok zaman alıcı ve zor bir görev olacaktır.

Yani, kaydet JavaSenaryo kodunu .js uzantılı yeni bir dosyaya ekleyin. Ardından, tüm web sayfalarınıza .js dosyanızı işaret edecek şekilde bir kod satırı ekleyin:

<script type="text/javascript" src="currentdetails.js">

not: .js dosyasının ve tüm web sayfalarınızın aynı klasörde olduğu varsayılmaktadır. Harici.js dosyası farklı bir klasördeyse, dosyanızın tam yolunu src özelliğinde belirtmeniz gerekir.

Harici bağlantı nasıl oluşturulur? JavaSenaryo

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);

Bu sizin currentdetails.js dosyanız. Uzun kod satırları gördüğünüz için endişelenmeyin. Yakında kodlamayı öğreneceksiniz. HTML belgenizde şu şekilde değişiklikler yapın:

<html>
	<head>
	   <title>My External JavaScript Code!!!</title>
	   <script type="text/javascript" src="currentdetails.js">
	   </script>
	</head>
	<body>
	</body>
</html>

Dahili ve Harici Ne Zaman Kullanılmalı? JavaSenaryo Kodu?

Belirli bir web sayfasına özel yalnızca birkaç satırlık kodunuz varsa, o zaman JavaHTML belgenizin içindeki kodu yazın.

Öte yandan, eğer senin JavaScript kodu birçok web sayfasında kullanılır, o zaman kodunuzu ayrı bir dosyada tutmayı düşünmelisiniz. Bu durumda, kodunuzda bazı değişiklikler yapmak isterseniz, yalnızca bir dosyayı değiştirmeniz yeterlidir, bu da kod bakımını kolaylaştırır. Kodunuz çok uzunsa, onu ayrı bir dosyada tutmanız daha iyi olur. Bu, kolay hata ayıklamaya yardımcı olur.

Beğenebilirsin: