Sisäinen ulkoinen JavaKäsikirjoitus: Opi esimerkin avulla

by: James Hartman James Hartman
Hours Päivitetty

Voit käyttää JavaSkriptikoodi kahdella tavalla.

  1. Voit sisällyttää joko JavaKäsikirjoituskoodi sisäisesti HTML-dokumentissasi itse
  2. Voit pitää JavaSkriptikoodi sisään erillinen ulkoinen tiedosto ja osoita sitten kyseistä tiedostoa HTML-dokumentistasi.

Mikä on sisäinen JavaKäsikirjoitus?

Olemme käyttäneet sisäistä JS:ää tähän asti. Tässä näyte -

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

Mikä on ulkoinen JavaKäsikirjoitus?

Aiot näyttää nykyisen päivämäärän ja kellonajan kaikilla verkkosivuillasi. Oletetaan, että kirjoitit koodin ja kopioit sen kaikille verkkosivuillesi (esimerkiksi 100). Mutta myöhemmin haluat muuttaa muotoa, jossa päivämäärä tai kellonaika näytetään. Tässä tapauksessa sinun on tehtävä muutoksia kaikille 100 verkkosivulle. Tämä tulee olemaan erittäin aikaa vievä ja vaikea tehtävä.

Tallenna siis JavaKäsikirjoitus koodi uuteen tiedostoon, jonka tunniste on .js. Lisää sitten kaikille verkkosivuillesi rivi koodia, joka osoittaa .js-tiedostoosi seuraavasti:

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

Huomautuksia: Oletetaan, että .js-tiedosto ja kaikki Web-sivusi ovat samassa kansiossa. Jos external.js-tiedosto on eri kansiossa, sinun on määritettävä tiedostosi koko polku src-attribuutissa.

Kuinka yhdistää ulkoinen JavaKäsikirjoitus

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

Tämä on currentdetails.js-tiedostosi. Älä huoli nähdäksesi pitkiä koodirivejä. Opit koodaamaan pian. Tee muutokset HTML-asiakirjaasi seuraavasti:

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

Milloin käyttää sisäistä ja ulkoista JavaKäsikirjoituskoodi?

Jos sinulla on vain muutama rivi tiettyä verkkosivua koskevaa koodia, on parempi säilyttää oma JavaKäsikirjoita koodi sisäisesti HTML-dokumentissasi.

Toisaalta, jos JavaKomentosarjakoodia käytetään monilla verkkosivuilla, joten sinun kannattaa harkita koodin säilyttämistä erillisessä tiedostossa. Siinä tapauksessa, jos haluat tehdä muutoksia koodiisi, sinun tarvitsee vain muuttaa vain yksi tiedosto, mikä tekee koodin ylläpidosta helppoa. Jos koodisi on liian pitkä, on myös parempi säilyttää se erillisessä tiedostossa. Tämä auttaa helpossa virheenkorjauksessa.

Saatat tykätä: