Interno esterno JavaScript: Impara con l'esempio

By: James Hartmann James Hartmann
Hours aggiornato

Puoi usare JavaScrivere il codice in due modi.

  1. Puoi includere il file JavaCodice script internamente all'interno del documento HTML stessa
  2. Puoi mantenere il JavaCodice script in un file esterno separato e quindi punta a quel file dal tuo documento HTML.

Cos'è Interno JavaCopione?

Finora abbiamo utilizzato JS interno. Ecco un esempio –

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

Cos'è l'Esterno JavaCopione?

Hai intenzione di visualizzare la data e l'ora correnti in tutte le tue pagine web. Supponiamo che tu abbia scritto il codice e lo abbia copiato in tutte le tue pagine web (diciamo 100). Ma in seguito, vuoi cambiare il formato in cui vengono visualizzati la data o l'ora. In questo caso, dovrai apportare modifiche in tutte le 100 pagine web. Sarà un compito molto dispendioso in termini di tempo e difficile.

Quindi, salva il JavaCopione codice in un nuovo file con estensione .js. Quindi, aggiungi una riga di codice in tutte le tue pagine web per puntare al tuo file .js in questo modo:

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

Note:: Si presuppone che il file .js e tutte le pagine Web si trovino nella stessa cartella. Se il file external.js si trova in una cartella diversa, devi specificare il percorso completo del file nell'attributo src.

Come collegare l'esterno JavaCopione

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

Questo è il tuo file currentdetails.js. Non preoccuparti di vedere lunghe righe di codice. Imparerai a programmare presto. Apporta modifiche al tuo documento HTML in questo modo:

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

Quando utilizzare interno ed esterno JavaCodice script?

Se hai solo poche righe di codice specifiche per una particolare pagina web, è meglio mantenere il tuo JavaInserisci il codice internamente al tuo documento HTML.

D'altra parte, se il tuo JavaIl codice script è utilizzato in molte pagine web, quindi dovresti considerare di tenere il tuo codice in un file separato. In tal caso, se desideri apportare alcune modifiche al tuo codice, devi solo modificare un solo file, il che semplifica la manutenzione del codice. Se il tuo codice è troppo lungo, allora è meglio tenerlo in un file separato. Ciò aiuta a semplificare il debug.