بكيفية عمل كائنات بانفسنا واستخدام خصائصها.
9:34 م | 
مرسلة بواسطة
helly
كائنات جافا سكريبت (2)
الكائنات في جافا سكريبت(2)
سوف نكمل كلامنا في هذا الدرس عما بدأناه من شرح للكائنات في جافا سكريبت في الدرس السابق
وجدت من الانفع قبل البدأ في شرح كيفية انشاء الكائن
واستخدامه في مخطوطاتنا ان اولا نتعرف علي الكائنات
المبيتة من قبل في اللغة والتي تسهل في انتاج صفحات متجددة
وسوف اقسم الكائنا المبيتة الي عدة اقسام :
1- String Object
2- Date Object
3- Window Object
4- Browser Object
سوف يتم شرح بعض من الكائنات لكل فئة
أولا: كائنات السلاسل String Object :
1- خاصية length
ومن تلك الخاصية يتم تحديد طول السلسلة او عدد احرف السلسلة بما فيهم المسافات
مثال:
<script language="JavaScript”>
var str="الموسوعة العربية للكمبيوتر “
document. write(str.length (
</script>
2-طريقة fontcolor() :
وبواسطة هذه الطريقة يتم التحكم في لون خط السلسلة
مثال:
<script language="JavaScript”>
var txt=”الموسوعة العربية للكمبيوتر ”;
document.write("<p>" + txt.fontcolor('red') + "</p>”);
document.write("<p>" + txt.fontcolor('blue') + "</p>”):
document.write("<p>" + txt.fontcolor('green') + "</p>”)
</script>
1- طريقة match() :
يتم عن طريق هذه الطريقة تحديد او فحص سلسلة من داخل سلسلة
وان لم يجد السلسلة سوف يعيد بـ null والمثال سوف يوضح ذلك ..
<script language="JavaScript”>
var str= "الموسوعة العربية للكمبيوتر"
document.write(str.match ("الموسوعة"))
</script>
4- طريقة toLowerCase() وtoUpperCase() :
لتحويل حالة الاحرف من كبير الي صغير والعكس
<script language="JavaScript”>
var str=("Hello c4arab”)
document.write(str.toLowerCase())
document.write("<br>”)
document.write(str.toUpperCase ())
</script>
ثانيا: كائنات التاريخ:
الكائن date
<script language="JavaScript”>
var d = new Date ()
document.write(d.getDate())
document.write (".")
document.write(d.getMonth() + 1 (
document.write (".")
document.write(d.getFullYea())
</script>
تم هنا تخصيص الكائن date للمتغير d وطبع علي المتصفح اليوم بالخاصية getDate() والشهر بالخاصية getMonth و السنة بالخاصية getFullYear() نلاحظ عند ايجاد الشهر اضفنا القيمة 1 لان عداد الشهر يبدأ من "0".
ثالثا : كائنات النوافذ Window Object :
1- الصناديق الحوارية
أ-Alert box
لاظهار صندوق حواري للمستخدم لاخباره بشيء
مثال:
<script language="JavaScript”>
var alrt = alert("Press a button")
</script>
ب- confirm box :
لسؤال المستخدم عن قبول اورفض شيء
<script language="JavaScript”>
var name = confirm("الموسوعة العربية ”);
</script>
جـ - Prompt box
لادخال المستخدم بيان معين:
<script language="JavaScript”>
var name = prompt("Please enter fav site","الموسوعة ")
</script>
2 – الكائن window :
أ- الكائن window :
يقوم هذا الكائن بعده وظائف باختلاف خصائصة نذكر منها فتح رابط معين عند حدوث حدث والتحكم في حجم النافذه عن طريق الخاصية open او تحديد موقع معين عن طريق الخاصية location
مثال فتح موقع الموسوعة بالتحكم في حجم النافذه
<head>
<script language="JavaScript”>
function openwindow ()
{
window.open("www.c4arab.com","my_new_window",
"toolbar=yes,location=yes,
directories=no,status=no,
menubar=yes,scrollbars=yes,
resizable=no,
copyhistory=yes
,width=400,height=400”)
}
</script>
</head>
<body .
<form .
<input type="button " value="Open Window " onclick="openwindow()”>
</form>
</body>
ب- reload :
لاعادة تحميل الصفحة refresh :
location.reload()
د--خاصية شريط الحالة status bar :
window.status = "الموسوعة العربية "
هـ -خاصية طباعة الصفحة:
window.print()
رابعا : كا ئنات المتصفح :
تفيد في معرفة بعض البيانات عن متصفح العميل
التسميات:
javascript
الاشتراك في:
تعليقات الرسالة (Atom)
0 التعليقات:
إرسال تعليق