Interno externo JavaRoteiro: Aprenda com o Exemplo

Você pode usar JavaCrie scripts de código de duas maneiras.

Você pode incluir o JavaCódigo de script internamente em seu documento HTML se
Você pode manter o JavaCódigo de script em um arquivo externo separado e aponte para esse arquivo no seu documento HTML.

O que é interno JavaRoteiro?

Temos usado JS interno até agora. Aqui está uma amostra –

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

O que é externo JavaRoteiro?

Você planeja exibir a data e hora atuais em todas as suas páginas da web. Suponha que você escreveu o código e o copiou em todas as suas páginas da web (digamos 100). Mais tarde, porém, você deseja alterar o formato em que a data ou hora é exibida. Neste caso, você terá que fazer alterações em todas as 100 páginas web. Esta será uma tarefa muito demorada e difícil.

Então, salve o JavaScript código em um novo arquivo com a extensão .js. Em seguida, adicione uma linha de código em todas as suas páginas da web para apontar para o seu arquivo .js assim:

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

Note: presume-se que o arquivo .js e todas as suas páginas da web estejam na mesma pasta. Se o arquivo external.js estiver em uma pasta diferente, você precisará especificar o caminho completo para o seu arquivo no atributo src.

Como vincular externo 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);

Este é o seu arquivo currentdetails.js. Não se preocupe em ver longas linhas de código. Você aprenderá a codificar em breve. Faça alterações em seu documento HTML assim:

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

Quando usar interno e externo JavaCódigo de script?

Se você tiver apenas algumas linhas de código específicas para uma página da web específica, é melhor manter seu JavaCódigo de script internamente no seu documento HTML.

Por outro lado, se o seu JavaO código de script é usado em muitas páginas da web, então você deve considerar manter seu código em um arquivo separado. Nesse caso, se você deseja fazer algumas alterações em seu código, você só precisa alterar um arquivo, o que torna a manutenção do código fácil. Se seu código for muito longo, então também é melhor mantê-lo em um arquivo separado. Isso ajuda na depuração fácil.

Você pode gostar: