جافا سكريبت الداخلي والخارجي: تعلم باستخدام المثال

يمكنك استخدام كود JavaScript بطريقتين.

  1. يمكنك إما تضمين كود JavaScript داخليًا داخل مستند HTML الخاص بك نفسها
  2. يمكنك الاحتفاظ بكود JavaScript بداخله ملف خارجي منفصل ثم قم بالإشارة إلى هذا الملف من مستند HTML الخاص بك.

ما هي جافا سكريبت الداخلية؟

لقد تم استخدام 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>

ما هي جافا سكريبت الخارجية؟

أنت تخطط لعرض التاريخ والوقت الحاليين في جميع صفحات الويب الخاصة بك. لنفترض أنك كتبت الكود ونسخته في جميع صفحات الويب الخاصة بك (على سبيل المثال 100). لكن later، فأنت تريد تغيير التنسيق الذي يتم عرض التاريخ أو الوقت بهyed. في هذه الحالة، سيتعين عليك إجراء تغييرات في جميع صفحات الويب المائة. وستكون هذه مهمة تستغرق وقتا طويلا وصعبة للغاية.

لذلك، احفظ جافا سكريبت الكود في ملف جديد بالملحق .js. بعد ذلك، قم بإضافة سطر من التعليمات البرمجية في جميع صفحات الويب الخاصة بك للإشارة إلى ملف .js الخاص بك مثل هذا:

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

ملاحظات: من المفترض أن يكون ملف .js وجميع صفحات الويب الخاصة بك موجودة في نفس المجلد. إذا كان الملف External.js موجودًا في مجلد مختلف، فستحتاج إلى تحديد المسار الكامل لملفك في سمة src.

كيفية ربط جافا سكريبت الخارجية

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

هذا هو التيار الخاص بكtailsملف .js. لا تقلق من رؤية سطور طويلة من التعليمات البرمجية. سوف تتعلم البرمجة قريبا. قم بإجراء تغييرات على مستند HTML الخاص بك مثل هذا:

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

متى تستخدم كود جافا سكريبت الداخلي والخارجي؟

إذا كان لديك بضعة أسطر فقط من التعليمات البرمجية الخاصة بصفحة ويب معينة، فمن الأفضل الاحتفاظ بكود JavaScript داخليًا داخل مستند HTML الخاص بك.

من ناحية أخرى، إذا تم استخدام كود JavaScript الخاص بك في العديد من صفحات الويب، فيجب عليك التفكير في الاحتفاظ بالكود الخاص بك في ملف منفصل. في هذه الحالة، إذا كنت ترغب في إجراء بعض التغييرات على التعليمات البرمجية الخاصة بك، فما عليك سوى تغيير ملف واحد فقط مما يجعل صيانة التعليمات البرمجية أمرًا سهلاً. إذا كان الكود الخاص بك طويل جدًا، فمن الأفضل أيضًا الاحتفاظ به في ملف منفصل. وهذا يساعد في تصحيح الأخطاء بسهولة.