Interne externe JavaScénario : Apprendre avec l'exemple

Par : James Hartmann James Hartmann
Hours Le kit de préparation mis à jour

Vous pouvez utiliser JavaCode de script de deux manières.

  1. Vous pouvez soit inclure le JavaCode de script en interne dans votre document HTML lui-même
  2. Vous pouvez garder le JavaCode de script dans un fichier externe séparé puis pointez sur ce fichier à partir de votre document HTML.

Qu'est-ce qui est interne JavaScénario?

Nous utilisons Internal JS jusqu’à présent. Voici un échantillon –

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

Qu'est-ce qui est externe JavaScénario?

Vous envisagez d'afficher la date et l'heure actuelles sur toutes vos pages Web. Supposons que vous ayez écrit le code et que vous l'ayez copié dans toutes vos pages Web (disons 100). Mais plus tard, vous souhaiterez modifier le format dans lequel la date ou l’heure est affichée. Dans ce cas, vous devrez apporter des modifications aux 100 pages Web. Ce sera une tâche très longue et difficile.

Alors, sauvez le Javascénario codez dans un nouveau fichier avec l’extension .js. Ensuite, ajoutez une ligne de code dans toutes vos pages Web pour pointer vers votre fichier .js comme ceci :

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

Notez: On suppose que le fichier .js et toutes vos pages Web se trouvent dans le même dossier. Si le fichier external.js se trouve dans un autre dossier, vous devez spécifier le chemin complet de votre fichier dans l'attribut src.

Comment créer un lien externe Javascénario

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

Ceci est votre fichier currentdetails.js. Ne vous inquiétez pas de voir de longues lignes de code. Vous apprendrez bientôt à coder. Apportez des modifications à votre document HTML comme ceci :

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

Quand utiliser l'interne et l'externe JavaCode de script ?

Si vous ne disposez que de quelques lignes de code spécifiques à une page Web particulière, il est préférable de conserver votre JavaCode de script en interne dans votre document HTML.

D'un autre côté, si votre JavaLe code de script est utilisé dans de nombreuses pages Web. Vous devez donc envisager de conserver votre code dans un fichier séparé. Dans ce cas, si vous souhaitez apporter des modifications à votre code, il vous suffit de modifier un seul fichier, ce qui facilite la maintenance du code. Si votre code est trop long, il est également préférable de le conserver dans un fichier séparé. Cela facilite le débogage.

Tu pourrais aimer: