Εσωτερικές εξωτερικές JavaΣενάριο: Learn with Example

Μπορείς να χρησιμοποιήσεις 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Κωδικός σεναρίου;

Εάν έχετε μόνο λίγες γραμμές κώδικα που είναι συγκεκριμένος για μια συγκεκριμένη ιστοσελίδα, τότε είναι προτιμότερο να διατηρήσετε τη δική σας JavaΔημιουργήστε κώδικα σεναρίου εσωτερικά μέσα στο έγγραφό σας HTML.

Από την άλλη πλευρά, εάν σας JavaΟ κώδικας δέσμης ενεργειών χρησιμοποιείται σε πολλές ιστοσελίδες, τότε θα πρέπει να εξετάσετε το ενδεχόμενο να διατηρήσετε τον κώδικα σε ξεχωριστό αρχείο. Σε αυτήν την περίπτωση, εάν θέλετε να κάνετε κάποιες αλλαγές στον κώδικά σας, πρέπει απλώς να αλλάξετε μόνο ένα αρχείο που διευκολύνει τη συντήρηση του κώδικα. Εάν ο κώδικάς σας είναι πολύ μεγάλος, τότε είναι επίσης καλύτερο να τον κρατήσετε σε ξεχωριστό αρχείο. Αυτό βοηθά στον εύκολο εντοπισμό σφαλμάτων.