طريقتين لاظهار المخرجات في الجافا سكربت :
ستساعدنا هاتان الطريقتين بشكل مبدأي مع الامثلة لفهم آلية العمل .
1 – طريقة الكتابة المباشرة الى المستند document.write
كما نلاحظ ان الطريقة ان الطريقة write تابعة للكائن document وسنشرح الكائنات والطرق لاحقا في باقي الدروس .
<strong>document.write("I Love Javascript");</strong>
مثال :
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Document Write</title>
<script type="text/javascript">
document.write("I Love Javascript");
</script>
</head>
<body>
</body>
</html>
تسمح لنا الطريقة document.write ايضا بتضمين اكواد HTML ونصوص وجميعها يجب ان تحاط بعلامتي التنصيص :
document.write("<h1>I Love Javascript</h1>");
كما توجد طريقة اخرى وهي document.writeln حيث ان هذه الطريقة تترك مسافة بين كل كلمة او جملة تكتب بداخلها وما يكتب بداخل الامر الذي يليها :
مثال :
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Document Writeln</title>
<script type="text/javascript">
document.writeln("I");
document.writeln("Love");
document.writeln("Javascript");
</script>
</head>
<body>
</body>
</html>
2 – طريقة عرض رسالة تنبيه alert
وهذه الطريقة تابعة لكائن النافذةwindow
window.alert("I Love Javascript");
لكن يمكن الاستغناء عن الكلمة window .
مثال :
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Document Alert Box</title>
<script type="text/javascript">
alert("I Love Javascript");
</script>
</head>
<body>
</body>
</html>
الحساسية لحالة الاحرف
ان لغة جافاسكربت هي لغة حساسة لحالة الاحرف وهذا ينطبق على جميع اسماء هذه اللغة بما فيها اسماء المتغيرات والتوابع والطرق والكائنات لذا يجب الانتباه الى الاوامر التي تكتب بحروف صغيرة والاوامرالتي تكتب بحروف كبيرة .
document.write();
الامر السابق هو أمر صحيح , اما الامر التالي :
document.Write();
هو أمر غير صحيح ..
علامات التنصيص المفردة والمزدوجة
تستخدم اشارات الاقتباس ” “ في جافا سكربت لتمييز السلاسل النصية ولا فرق اذا استخدمنا العلامات المزدوجة ” “ او المفردة ‘ ‘ ولكن يجب التبديل بين النوعين عند استخدامهما معا :
<p dir="ltr">document.write("<img src='flower.jpg' />");</p>
لكن اذا وجدت ان الامر مربكا بعض الشيئ فيمكننا استخدام علامة الهروب \ حيث تساعد هذه العلامة على منع تنفيذ الرمز الذي يليها بمفسر الجافا سكربت وتطبعه مباشرة كما هو :
<p dir="ltr">document.write("<img src=\"flower.jpg\" />");</p>
ولعلامة الهروب السابقة استخدام آخر مع رسائل جافا سكربت حيث ان n\ تعني سطر جديد :
<p dir="ltr">alert("first line \n second line");</p>
مثال :
<!DOCTYPE html>
<html dir="rtl">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Multiline Alert</title>
<script type="text/javascript">
alert("I \n Love \n Javascript");
</script>
</head>
<body>
</body>
</html>
