Intern ekstern JavaScript: Lær med eksempel
James Hartman
Du kan bruge JavaScript kode på to måder.
- Du kan enten inkludere JavaScript kode internt i dit HTML-dokument selv
- Du kan beholde JavaScript kode i en separat ekstern fil og peg derefter på den fil fra dit HTML-dokument.
Hvad er internt JavaManuskript?
Vi har brugt Intern JS indtil videre. 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>
Hvad er eksternt JavaManuskript?
Du planlægger at vise den aktuelle dato og tid på alle dine websider. Antag, at du skrev koden og kopierede ind på alle dine websider (f.eks. 100). Men senere vil du ændre det format, som datoen eller klokkeslættet vises i. I dette tilfælde skal du foretage ændringer på alle de 100 websider. Dette vil være en meget tidskrævende og vanskelig opgave.
Så gem JavaScript kode i en ny fil med filtypenavnet .js. Tilføj derefter en kodelinje på alle dine websider for at pege på din .js-fil på denne måde:
<script type="text/javascript" src="currentdetails.js">
Bemærk: Det antages, at .js-filen og alle dine websider er i samme mappe. Hvis filen external.js er i en anden mappe, skal du angive den fulde sti til din fil i src-attributten.
Sådan linker du 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 din currentdetails.js-fil. Du skal ikke bekymre dig om at se lange kodelinjer. Du lærer snart at kode. Foretag ændringer i dit HTML-dokument på denne måde:
<html> <head> <title>My External JavaScript Code!!!</title> <script type="text/javascript" src="currentdetails.js"> </script> </head> <body> </body> </html>
Hvornår skal man bruge intern og ekstern JavaScript kode?
Hvis du kun har nogle få linjer kode, der er specifik for en bestemt webside, så er det bedre at beholde din JavaScript-kode internt i dit HTML-dokument.
På den anden side, hvis din JavaScript-kode bruges på mange websider, så bør du overveje at beholde din kode i en separat fil. I så fald, hvis du ønsker at foretage nogle ændringer i din kode, skal du blot ændre én fil, hvilket gør kodevedligeholdelse let. Hvis din kode er for lang, er det også bedre at opbevare den i en separat fil. Dette hjælper med nem fejlfinding.