Interno externo JavaGuión: Aprende con el ejemplo

Puedes usar JavaCódigo de script de dos maneras.

Puedes incluir el JavaCódigo de secuencia de comandos internamente dentro de su documento HTML sí mismo
Puedes quedarte con el JavaCódigo de script en un archivo externo separado y luego apunte a ese archivo desde su documento HTML.

¿Qué es interno? Java¿Texto?

Hemos estado usando JS interno hasta ahora. Aquí hay una muestra –

<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é es externo? Java¿Texto?

Planeas mostrar la fecha y hora actuales en todas tus páginas web. Supón que escribiste el código y lo copiaste en todas tus páginas web (digamos 100). Pero luego, deseas cambiar el formato en el que se muestra la fecha o la hora. En este caso, tendrás que hacer cambios en las 100 páginas web. Esta será una tarea difícil y que demandará mucho tiempo.

Entonces, guarda el JavaGuión código en un nuevo archivo con la extensión .js. Luego, agregue una línea de código en todas sus páginas web para que apunte a su archivo .js como este:

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

Nota: Se supone que el archivo .js y todas sus páginas web están en la misma carpeta. Si el archivo external.js está en una carpeta diferente, debe especificar la ruta completa a su archivo en el atributo src.

Cómo vincular externo JavaGuión

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

Este es tu archivo currentdetails.js. No te preocupes si ves líneas de código largas. Pronto aprenderás a codificar. Haz cambios en tu documento HTML de la siguiente manera:

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

Cuándo utilizar interno y externo Java¿Código de script?

Si sólo tiene unas pocas líneas de código específicas para una página web en particular, entonces es mejor mantener su JavaCódigo de script internamente dentro de su documento HTML.

Por otro lado, si tu JavaEl código de script se utiliza en muchas páginas web, por lo que debería considerar mantenerlo en un archivo separado. En ese caso, si desea realizar algunos cambios en su código, solo tiene que cambiar un solo archivo, lo que facilita el mantenimiento del código. Si su código es demasiado largo, también es mejor mantenerlo en un archivo separado. Esto facilita la depuración.

Te podría gustar: