Вътрешни и външни JavaСценарий: Научете с пример

по: Джеймс Хартман Джеймс Хартман
Hours Обновено

Можете да използвате JavaСкрипт код по два начина.

  1. Можете или да включите JavaКод на скрипта вътрешно във вашия HTML документ себе си
  2. Можете да запазите JavaКод на скрипта в отделен външен файл и след това посочете този файл от вашия HTML документ.

Какво е вътрешно JavaСценарий?

Досега използвахме Internal JS. Ето пример –

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

Какво е външно JavaСценарий?

Планирате да показвате текущата дата и час във всичките си уеб страници. Да предположим, че сте написали кода и сте го копирали във всичките си уеб страници (да речем 100). Но по-късно искате да промените формата, в който се показват датата или часът. В този случай ще трябва да направите промени във всичките 100 уеб страници. Това ще бъде много времеемка и трудна задача.

Така че, запазете JavaСценарий код в нов файл с разширение .js. След това добавете ред код във всичките си уеб страници, който да сочи към вашия .js файл по следния начин:

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

Забележка: Предполага се, че .js файлът и всичките ви уеб страници са в една и съща папка. Ако файлът external.js е в друга папка, трябва да посочите пълния път до вашия файл в атрибута src.

Как да свържете външен JavaСценарий

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>

Кога да използвате вътрешни и външни JavaСценарий Code?

Ако имате само няколко реда код, който е специфичен за определена уеб страница, тогава е по-добре да запазите своя JavaКод на скрипта вътрешно във вашия HTML документ.

От друга страна, ако вашият JavaСкрипт код се използва в много уеб страници, тогава трябва да помислите за keeping вашия код в отделен файл. В този случай, ако желаете да направите някои промени в кода си, трябва да промените само един файл, което улеснява поддръжката на кода. Ако кодът ви е твърде дълъг, тогава е по-добре да го съхранявате в отделен файл. Това помага за лесното отстраняване на грешки.

Обобщете тази публикация с: