Intern extern JavaManus: Lär dig med exempel

By: James Hartman James Hartman
Hours Uppdaterad

Du kan använda JavaSkriptkod på två sätt.

  1. Du kan antingen inkludera JavaSkriptkod internt i ditt HTML-dokument sig
  2. Du kan behålla JavaSkriptkod i en separat extern fil och peka sedan på den filen från ditt HTML-dokument.

Vad är internt JavaManus?

Vi har använt Intern JS hittills. Här är ett exempel -

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

Vad är Externt JavaManus?

Du planerar att visa aktuellt datum och tid på alla dina webbsidor. Anta att du skrev koden och kopierade till alla dina webbsidor (säg 100). Men senare vill du ändra formatet som datumet eller tiden visas i. I det här fallet måste du göra ändringar på alla 100 webbsidor. Detta kommer att bli en mycket tidskrävande och svår uppgift.

Så spara JavaScript kod i en ny fil med filtillägget .js. Lägg sedan till en kodrad på alla dina webbsidor för att peka på din .js-fil så här:

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

Anmärkningar: Det antas att .js-filen och alla dina webbsidor finns i samma mapp. Om filen external.js finns i en annan mapp måste du ange den fullständiga sökvägen till filen i src-attributet.

Hur man länkar externt 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);

Det här är din currentdetails.js-fil. Oroa dig inte för att se långa rader kod. Du lär dig koda snart. Gör ändringar i ditt HTML-dokument så här:

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

När ska man använda internt och externt JavaSkriptkod?

Om du bara har några rader kod som är specifik för en viss webbsida är det bättre att behålla din JavaSkriptkod internt i ditt HTML-dokument.

Å andra sidan, om din JavaSkriptkod används på många webbsidor, då bör du överväga att behålla din kod i en separat fil. I så fall, om du vill göra några ändringar i din kod, behöver du bara ändra en fil vilket gör kodunderhållet enkelt. Om din kod är för lång är det också bättre att behålla den i en separat fil. Detta hjälper till med enkel felsökning.

Sammanfatta detta inlägg med: