الموضوع: شرح استدعاء ملف جافا كما بالـ CSS

من المعروف استدعاء ملف الستايل او CSS بالهدر

يعني احنا بدل ما نحط في الهيدر

كود HTML:

<style type="text/css">
الستايلات
</style>

نحط في الهيدر

كود HTML:

<link rel="stylesheet" type="text/css" href="رابط الملف.css" />

وبداخل الملف نضع الستايلات

هذا شي معروف ولكن مالايعرفه البعض وخصوصا المبتدئين

هو استدعاء ملف الجافا سكربت وبداخله ملفات الجافا سكربت كلها المستخدمة بالموقع

بدل ما نحط في الهيدر الجافا

كود HTML:

<script type="text/javascript">
سكربت الجافا
</script>

نحط استدعاء ملف يكتب الاكواد في ملفات اخرى بالهدر

<-- سنسكريتي :court:

كود HTML:

<script type="text/javascript" src="رابط ملف الجافا.js"></script>

ملف الجافا اللي امتداده JS

نسويه بالنوتباد

ونحط فيه روابط ملفات الجافا كلها

يعني هو يكتب الاكواد المطلوبة اللي موجودة في ملفات اخرى

كالتالي

كود HTML:

document.write('<script type="text/javascript" src=".jsرابط الملف الاول"><\/script>');
document.write('<script type="text/javascript" src=".jsرابط الملف الثاني"><\/script>');

وتنشأ الملفات بالنوتباد ايضا

ولكن انتبه ان لا تضع بداية الجافا ونهايته في ملفات الجافا

يعني تحط الجافا نفسه

مثلا لو كان الجافا هذا تبع كتابة الاخبار

كود HTML:

<script language="JavaScript" type="text/javascript">

var theCharacterTimeout = 80;
var theStoryTimeout     = 700;
var theWidgetOne        = "_";
var theWidgetTwo        = "-";
var theWidgetNone       = "";
var theLeadString       = "";
var theSummaries = new Array();
var theSiteLinks = new Array();
var theItemCount =  2;
			
theSummaries[0] = "التعليم الفني يقدم دورات تقنية وقيادية لنادي مسارات بمدارس المنارات ";
theSiteLinks[0] = "http://www.gotevot.edu.sa/general/madenah.htm";
theSummaries[1] = "أمير عسير يستعرض مشاريع التعليم الفني مع معالي المحافظ";
theSiteLinks[1] = "http://www.gotevot.edu.sa/newsdetails.aspx?id=690";

startTicker();

</script>

تحط الجافا نفسه بس في الملف

كود HTML:

var theCharacterTimeout = 80;
var theStoryTimeout     = 700;
var theWidgetOne        = "_";
var theWidgetTwo        = "-";
var theWidgetNone       = "";
var theLeadString       = "";
var theSummaries = new Array();
var theSiteLinks = new Array();
var theItemCount =  2;
			
theSummaries[0] = "التعليم الفني يقدم دورات تقنية وقيادية لنادي مسارات بمدارس المنارات ";
theSiteLinks[0] = "http://www.gotevot.edu.sa/general/madenah.htm";
theSummaries[1] = "أمير عسير يستعرض مشاريع التعليم الفني مع معالي المحافظ";
theSiteLinks[1] = "http://www.gotevot.edu.sa/newsdetails.aspx?id=690";

startTicker();

وتعيد التسمية الى .js

الخلاصة

عندك ملف الجافا اللي يكتب اكواد الجافا

تستدعيه عن طريق الكود اللي بالهدر

وملفات الاكواد

طبعا كلهم .js

وشرحتلكم كيف تكتبوهم

طولت مع ان السالفه ما تستاهل بس حاس محد فاهم علي :eek3:

الفائدة من استدعاء الملف ..

هو اذا بتستخدم الملف في صفحات عديدة ولا تريد تعديلها واحدة واحدة

.......... مع انه تستطيع القيام بذلك عن طريق REPLACE

وايضا فائدة اخرى هي اذا يتم استدعاء الكود من موقعك في مواقع اخرى

بارك الله فيك

اعتقد ايضاً يقلل من حجم الصفحة صحيح ام انا مخطأ

المشاركة الأصلية كتبت بواسطة alshares.com

طولت مع ان السالفه ما تستاهل بس حاس محد فاهم علي :eek3:

استسمحنى في أن أنقله لقسم صيانة المواقع للمبتدئين مع الإبقاء برابطه في قسم البرمجة القياسية
وجزاك الله خيرا على هذا الشرح الوافي، وما لهذا الدرس من أهمية في تقليص حجم الصفحة، فعندما تضع ملف css او js منفصل، فإن يخزن في جهاز الزبون ولا يعاد تحميله في كل مرة استدعينا فيها الصفحة

شرح جداً ممتاز عزيزي ليث سلمت يداك

شكرا اخي عبدالرحمن للمرور

الاخ Zizwar .. افعل ماتشاء الموضوع كله تحت امرك .. وشكرا للاضافه طارت من بالي وماكتبتها