Intern extern JavaScript: Învață cu exemplu

prin: James Hartman James Hartman
Hours Actualizat

Poți să folosești JavaScript cod în două moduri.

  1. Puteți include fie JavaCod script intern în documentul dvs. HTML în sine
  2. Puteți păstra JavaCod script în un fișier extern separat și apoi indicați acel fișier din documentul dvs. HTML.

Ce este intern JavaScenariul?

Am folosit Internal JS până acum. Iată o mostră -

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

Ce este Extern JavaScenariul?

Intenționați să afișați data și ora curentă în toate paginile dvs. web. Să presupunem că ați scris codul și ați copiat în toate paginile dvs. web (să zicem 100). Dar mai târziu, doriți să schimbați formatul în care este afișată data sau ora. În acest caz, va trebui să faceți modificări în toate cele 100 de pagini web. Aceasta va fi o sarcină dificilă și consumatoare de timp.

Deci, salvați JavaScenariu cod într-un fișier nou cu extensia .js. Apoi, adăugați o linie de cod în toate paginile dvs. web pentru a indica fișierul dvs. .js astfel:

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

notițe: Se presupune că fișierul .js și toate paginile dvs. web se află în același folder. Dacă fișierul external.js se află într-un folder diferit, trebuie să specificați calea completă către fișierul dvs. în atributul src.

Cum se face legătura externă JavaScenariu

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

Acesta este fișierul dvs. currentdetails.js. Nu vă faceți griji dacă vedeți linii lungi de cod. Veți învăța să codificați în curând. Efectuați modificări documentului HTML astfel:

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

Când să utilizați intern și extern JavaCod script?

Dacă aveți doar câteva linii de cod care sunt specifice unei anumite pagini web, atunci este mai bine să vă păstrați JavaCod de script intern în documentul dvs. HTML.

Pe de altă parte, dacă JavaCodul de script este folosit în multe pagini web, atunci ar trebui să vă gândiți să păstrați codul într-un fișier separat. În acest caz, dacă doriți să faceți unele modificări la codul dvs., trebuie doar să schimbați un singur fișier, ceea ce facilitează întreținerea codului. Dacă codul dvs. este prea lung, atunci este mai bine să îl păstrați într-un fișier separat. Acest lucru ajută la o depanare ușoară.

Rezumați această postare cu: