*][_JIMMY_][*
23-01-2005, 07:57
مقارنة بين لغة الـ HTML و لغة الـ JavaScript
HTML
- اختصار HyperText Markup Language
- ليست لغة كومبيوتر بالمعنى المفهوم، هي أقرب للغات التصميم
- تتميّز بأنهاتُكتب كنص عادي، و هذا طبعاً يساعدها على الإنتشار بحيث تستطيع الكومبيوترات مهما اختلف نظام تشغيلها على فهمها.
- الهتمل تعتبر من لغات التصميم التي لا تستطيع بحال من الأحوال التعامل مع العمليات الحسابية. فهي تستطيع توفير شكل الفورم، و لكنها لا تعرف كيف تتصرّف بنفسها بلابيانات الفعلية التي تُدخل فيها. مثلاً نستطيع أن نعمل هذا
http://jimmyup.jeeran.com/clickme.htm
و لكن إذا ضغطت على الزر لن يعمل شيء.
باختصار الهتمل تجمع الداتا و ترتبها و لكنها لا تستطيع أن تقيم عليها أي عملية.
- تسمّى الأوامر فيها Tag
- صفات الـ tag
تكون محصورة بين < و > مثل <HTML>
عادة تكون في صورة ثنائية! كيف؟ يعني كل tag له أخ توأم، يشبهه بس باختلاف بسيط، والنوعية التي تكون فيها صفة الثنائية عادة يكون لها تأثر على شي محدد مثلا:
<B> Bold Text </B> Not Bold
في الجملة السابفة نرى أن جملة Bold Text تتأثر بالتسويد الذي يقوم به أمر الـ <B> ، بينما لن تتأثر الكلمات Not Bold لأنها واقعة خارج تأثير <B> وبالتالي فإن تحديد بداية ونهاية التأثير يتم ب <B> و أختها التي تحدد النهاية: </B>
و إذا رأينا الصفحة في المتصفح سيظهر لنا هذا:
Bold Text Not Bold
توجد بعض ال tags بصورة منفردة يعني ليس لها توأم للإنهاء :-) مثل: <HR> و هذه الtag تقوم بعض سطر.
كل tag لها صفات (Attributes) و بعض ال tags يجب أن نحدد الصفات مثل:
<IMG SRC="http://syriastar.com/images/t2.jpg">
والـ tag ال img يقوم بإظهار صورة. و لكن يجب عليناأن حدد موقع الصورة (ملف الصورة تحديداً يجدب أن يكون موجود على الإنترنت) و هكذا نجد صفة src و هي تحدد اسم الملف بالكامل متضمناًاسم الخادم الذي يحوي ملف الصورة. كما هو واضح في الtag نفسها.
JavaScript
خلال حديثنا عن الهتمل تطرقنا لموضوع هام جدّاً و هو عدم امكانية الهتمل أن تقوم بعمليات حسابية أو البيانات. لذا تم تطوير عدد من اللغات المساعدة التي تعمل هذه الأعمال و تكون مٌحتواه داخل الهتمل.
لغة الجافاسكريبت من الغات التي يتم تشغيلها على كومبيوتر العميل و ليس السيرفر.
الجافاسكريبت تعتبر من لغات الـ Object Based ، و ليس الي Object Oriented لأنها لا توفّر مفهوم الclass .
تعتمد الجافاسكريبتس على مفهموم ال functions الوظائف. بحيث يتم تنفيذ أمر معين للقيام بوظيفة معيّنة.
مثال على ذلك:
http://jimmyup.jeeran.com/Button.htm
لو جرّبتوا الضغط على الزر ستلاحظون ظهور تحذير يخبركم بأنكم ضغطتوا على الزر.
كيف فعلنا ذلك بادراج وظيفة من الوظائف الموجودة في الJavaScript و هي ال alert و دمجناها مع الزر باستخدام صفة من صفات الهتمل و هي onClick و نلاحظ أن كتباة الجافاسكريبت تكون بدقيقة بين الأحرف النجليزية الصغية و الكبيرة
(UPPERCASE & lowercase)، لذل يجب كتابتها كما هي تماماً.
<input type=button value='Click Me' onClick='alert("I just clicked on that Button")'>
في السطر السابق قمنا بإنشاء زر أوامر، و وضعنا عليه "Click me" و قلنا له onClick أي عندما يضغط عليك أي حد، alert("...") و وظيفة ال alert تقوم بعرض الشاشة الصغيرة التي شاهدتوها عندما ضغطتم على الزر.
طبعاً توجد العديد من الوظائف الموجودة ضمن الجافا سكريبت نفسها و كذلك يمكن للمبرمج أن ينشيء وظائفه الخاصة
أتمنّى أن تكون الفروقات بين الجافاسكريبت، و الهتمل واضحة.
"منقول"
HTML
- اختصار HyperText Markup Language
- ليست لغة كومبيوتر بالمعنى المفهوم، هي أقرب للغات التصميم
- تتميّز بأنهاتُكتب كنص عادي، و هذا طبعاً يساعدها على الإنتشار بحيث تستطيع الكومبيوترات مهما اختلف نظام تشغيلها على فهمها.
- الهتمل تعتبر من لغات التصميم التي لا تستطيع بحال من الأحوال التعامل مع العمليات الحسابية. فهي تستطيع توفير شكل الفورم، و لكنها لا تعرف كيف تتصرّف بنفسها بلابيانات الفعلية التي تُدخل فيها. مثلاً نستطيع أن نعمل هذا
http://jimmyup.jeeran.com/clickme.htm
و لكن إذا ضغطت على الزر لن يعمل شيء.
باختصار الهتمل تجمع الداتا و ترتبها و لكنها لا تستطيع أن تقيم عليها أي عملية.
- تسمّى الأوامر فيها Tag
- صفات الـ tag
تكون محصورة بين < و > مثل <HTML>
عادة تكون في صورة ثنائية! كيف؟ يعني كل tag له أخ توأم، يشبهه بس باختلاف بسيط، والنوعية التي تكون فيها صفة الثنائية عادة يكون لها تأثر على شي محدد مثلا:
<B> Bold Text </B> Not Bold
في الجملة السابفة نرى أن جملة Bold Text تتأثر بالتسويد الذي يقوم به أمر الـ <B> ، بينما لن تتأثر الكلمات Not Bold لأنها واقعة خارج تأثير <B> وبالتالي فإن تحديد بداية ونهاية التأثير يتم ب <B> و أختها التي تحدد النهاية: </B>
و إذا رأينا الصفحة في المتصفح سيظهر لنا هذا:
Bold Text Not Bold
توجد بعض ال tags بصورة منفردة يعني ليس لها توأم للإنهاء :-) مثل: <HR> و هذه الtag تقوم بعض سطر.
كل tag لها صفات (Attributes) و بعض ال tags يجب أن نحدد الصفات مثل:
<IMG SRC="http://syriastar.com/images/t2.jpg">
والـ tag ال img يقوم بإظهار صورة. و لكن يجب عليناأن حدد موقع الصورة (ملف الصورة تحديداً يجدب أن يكون موجود على الإنترنت) و هكذا نجد صفة src و هي تحدد اسم الملف بالكامل متضمناًاسم الخادم الذي يحوي ملف الصورة. كما هو واضح في الtag نفسها.
JavaScript
خلال حديثنا عن الهتمل تطرقنا لموضوع هام جدّاً و هو عدم امكانية الهتمل أن تقوم بعمليات حسابية أو البيانات. لذا تم تطوير عدد من اللغات المساعدة التي تعمل هذه الأعمال و تكون مٌحتواه داخل الهتمل.
لغة الجافاسكريبت من الغات التي يتم تشغيلها على كومبيوتر العميل و ليس السيرفر.
الجافاسكريبت تعتبر من لغات الـ Object Based ، و ليس الي Object Oriented لأنها لا توفّر مفهوم الclass .
تعتمد الجافاسكريبتس على مفهموم ال functions الوظائف. بحيث يتم تنفيذ أمر معين للقيام بوظيفة معيّنة.
مثال على ذلك:
http://jimmyup.jeeran.com/Button.htm
لو جرّبتوا الضغط على الزر ستلاحظون ظهور تحذير يخبركم بأنكم ضغطتوا على الزر.
كيف فعلنا ذلك بادراج وظيفة من الوظائف الموجودة في الJavaScript و هي ال alert و دمجناها مع الزر باستخدام صفة من صفات الهتمل و هي onClick و نلاحظ أن كتباة الجافاسكريبت تكون بدقيقة بين الأحرف النجليزية الصغية و الكبيرة
(UPPERCASE & lowercase)، لذل يجب كتابتها كما هي تماماً.
<input type=button value='Click Me' onClick='alert("I just clicked on that Button")'>
في السطر السابق قمنا بإنشاء زر أوامر، و وضعنا عليه "Click me" و قلنا له onClick أي عندما يضغط عليك أي حد، alert("...") و وظيفة ال alert تقوم بعرض الشاشة الصغيرة التي شاهدتوها عندما ضغطتم على الزر.
طبعاً توجد العديد من الوظائف الموجودة ضمن الجافا سكريبت نفسها و كذلك يمكن للمبرمج أن ينشيء وظائفه الخاصة
أتمنّى أن تكون الفروقات بين الجافاسكريبت، و الهتمل واضحة.
"منقول"