سوف نكمل كلامنا في هذا الدرس عما بدأناه من شرح للكائنات في جافا سكريبت في الدرس السابق
وجدت من الانفع قبل البدأ في شرح كيفية انشاء الكائن
واستخدامه في مخطوطاتنا ان اولا نتعرف علي الكائنات
المبيتة من قبل في اللغة والتي تسهل في انتاج صفحات متجددة
وسوف اقسم الكائنا المبيتة الي عدة اقسام :
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>
3- طريقة 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>
[color=red]
ب- reload :
لاعادة تحميل الصفحة refresh:
location.reload()
د--خاصية شريط الحالة status bar:
window.status = "الموسوعة العربية"
هـ -خاصية طباعة الصفحة:
window.print()
رابعا : كا ئنات المتصفح :
تفيد في معرفة بعض البيانات عن متصفح العميل
1- لمعرفة نوع المتصفح وطباعة رسالة بذلك علي المتصفح :
document.write("You are browsing this site with: "+ navigator.appName)
2- لمعرفة اصدار المتصفح
navigator.appVersion
3- لمعرفة SCREEN RESOLUTION و وعمق ألوان الشاشة
document.write(window.screen.availWidth + "*")
document.write(window.screen.availHeight + "<br>")
document.write(window.screen.colorDepth + "<br>")
]بهذا المقدار البسيط قد نكون قد انتهينا بعرض بعض الكائنات المبيتة وبعض الخصائص لها وسوف نتعرض الدرس القادم انشاء الله بكيفية عمل كائنات بانفسنا واستخدام خصائصها
أنت غير مسجل بشبكة ابن الخليج; للتسجيل اضغط هنا; للمساعده وشرح طريقة التسجيل اضغط هنا
المواضيع المتشابهه
العرض العادي
