Intern extern JavaScript: Leer met voorbeeld

Door: James Hartman James Hartman
Hours Bijgewerkt

Je kunt gebruiken JavaScriptcode op twee manieren.

  1. U kunt de JavaScriptcode intern in uw HTML-document zelf
  2. U kunt het JavaScriptcode in een apart extern bestand en wijs vervolgens vanuit uw HTML-document naar dat bestand.

Wat is intern JavaScript?

Tot nu toe hebben we Internal JS gebruikt. Hier is een voorbeeld –

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

Wat is extern JavaScript?

U wilt de huidige datum en tijd op al uw webpagina's weergeven. Stel dat u de code hebt geschreven en deze hebt gekopieerd naar al uw webpagina's (zeg 100). Maar later wilt u de indeling wijzigen waarin de datum of tijd wordt weergegeven. In dit geval moet u wijzigingen aanbrengen in alle 100 webpagina's. Dit zal een zeer tijdrovende en moeilijke taak zijn.

Bewaar dus de JavaScript code in een nieuw bestand met de extensie .js. Voeg vervolgens een regel code toe aan al uw webpagina's om als volgt naar uw .js-bestand te verwijzen:

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

Note: Er wordt aangenomen dat het .js-bestand en al uw webpagina's zich in dezelfde map bevinden. Als het bestand external.js zich in een andere map bevindt, moet u het volledige pad naar uw bestand opgeven in het src-kenmerk.

Hoe extern te linken 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);

Dit is uw currentdetails.js-bestand. Maak u geen zorgen als u lange regels code ziet. U leert binnenkort coderen. Wijzig uw HTML-document als volgt:

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

Wanneer intern en extern gebruiken JavaScriptcode?

Als u slechts een paar regels code heeft die specifiek zijn voor een bepaalde webpagina, kunt u deze beter behouden JavaScriptcode intern in uw HTML-document.

Aan de andere kant, als uw JavaScriptcode wordt gebruikt in veel webpagina's, dan zou u moeten overwegen om uw code in een apart bestand te bewaren. In dat geval, als u wat wijzigingen in uw code wilt aanbrengen, hoeft u slechts één bestand te wijzigen, wat het codeonderhoud eenvoudig maakt. Als uw code te lang is, dan is het ook beter om deze in een apart bestand te bewaren. Dit helpt bij eenvoudig debuggen.