Intern og ekstern JavaManus: Lær med eksempel

Du kan bruke JavaSkriptkode på to måter.

  1. Du kan enten inkludere JavaSkriptkode internt i HTML-dokumentet ditt selv
  2. Du kan beholde JavaSkriptkode i en separat ekstern fil og pek deretter på filen fra HTML-dokumentet.

Hva er internt JavaManus?

Vi har brukt Intern JS så langt. Her er et eksempel -

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

Hva er eksternt JavaManus?

Du planlegger å vise gjeldende dato og klokkeslett på alle nettsidene dine. Anta at du skrev koden og kopierte inn på alle nettsidene dine (si 100). Men senere vil du endre formatet som datoen eller klokkeslettet vises i. I dette tilfellet må du gjøre endringer på alle de 100 nettsidene. Dette vil være en svært tidkrevende og vanskelig oppgave.

Så lagre JavaScript kode i en ny fil med filtypen .js. Deretter legger du til en kodelinje på alle nettsidene dine for å peke på .js-filen din slik:

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

Merknader: Det antas at .js-filen og alle nettsidene dine er i samme mappe. Hvis filen external.js er i en annen mappe, må du spesifisere hele banen til filen i src-attributtet.

Hvordan koble eksternt JavaScript

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

Dette er filen currentdetails.js. Ikke bekymre deg for å se lange linjer med kode. Du lærer snart å kode. Gjør endringer i HTML-dokumentet ditt slik:

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

Når skal du bruke intern og ekstern JavaSkriptkode?

Hvis du bare har noen få linjer med kode som er spesifikke for en bestemt nettside, er det bedre å beholde din JavaSkriptkode internt i HTML-dokumentet ditt.

På den annen side, hvis din JavaSkriptkode brukes på mange nettsider, da bør du vurdere å beholde koden din i en egen fil. I så fall, hvis du ønsker å gjøre noen endringer i koden din, må du bare endre én fil som gjør kodevedlikeholdet enkelt. Hvis koden din er for lang, er det også bedre å holde den i en egen fil. Dette hjelper til med enkel feilsøking.