Учебники

10) Все о внутреннем и внешнем

Май 29, 2020

Вы можете использовать код JavaScript двумя способами.

  1. Вы можете включить код JavaScript внутренне в вашем HTML документе сам
  2. Вы можете сохранить код JavaScript в отдельном внешнем файле, а затем указать на этот файл в своем HTML-документе.

Что такое внутренний JavaScript?

До сих пор мы использовали Internal JS. Вот образец —

1
<html>
2
<head>
3
  <title>My First JavaScript code!!!</title>
4
  <script type="text/javascript">
5
    // Create a Date Object
6
    var day = new Date();
7
    // Use getDay function to obtain todays Day.
8
    // getDay() method returns the day of the week as a number like 0 for Sunday, 1 for Monday,….., 5
9
    // This value is stored in today variable
10
    var today = day.getDay();
11
    // To get the name of the day as Sunday, Monday or Saturday, we have created an array named weekday and stored the values
12
    var weekday = new Array(7);
13
    weekday[0]="Sunday";
14
    weekday[1]="Monday";
15
    weekday[2]="Tuesday";
16
    weekday[3]="Wednesday";
17
    weekday[4]="Thursday";
18
    weekday[5]="Friday";
19
    weekday[6]="Saturday";
20
    // weekday[today] will return the day of the week as we want
21
    document.write("Today is " + weekday[today] + ".");
22
  </script>
23
</head>
24
<body>
25
</body>
26
</html>

Что такое внешний JavaScript?

Вы планируете отображать текущую дату и время на всех своих веб-страницах. Предположим, вы написали код и скопировали на все свои веб-страницы (скажем, 100). Но позже вы захотите изменить формат отображения даты или времени. В этом случае вам придется внести изменения во все 100 веб-страниц. Это будет очень трудоемкая и трудоемкая задача.

Итак, сохраните код JavaScript в новом файле с расширением .js. Затем добавьте строку кода на все ваши веб-страницы, чтобы они указывали на ваш файл .js следующим образом:

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

Примечание . Предполагается, что файл .js и все ваши веб-страницы находятся в одной папке. Если файл external.js находится в другой папке, вам нужно указать полный путь к вашему файлу в атрибуте src.

Как связать внешний 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);

Это ваш файл currentdetails.js. Не беспокойтесь, увидев длинные строки кода. Вы скоро научитесь кодировать. Внесите изменения в ваш HTML-документ следующим образом:

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

Когда использовать внутренний и внешний код JavaScript?

Если у вас есть только несколько строк кода, характерных для конкретной веб-страницы, то лучше хранить код JavaScript внутри вашего HTML-документа.

С другой стороны, если ваш код JavaScript используется на многих веб-страницах, вам следует рассмотреть возможность хранения кода в отдельном файле. В этом случае, если вы хотите внести некоторые изменения в свой код, вам просто нужно изменить только один файл, который облегчает обслуживание кода. Если ваш код слишком длинный, то лучше хранить его в отдельном файле. Это помогает в легкой отладке.

 

158
Share: