الكائنات في java script ج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>

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>

الكائنات في java script ج2 | ابداع ديزاين abda3 design

ثانيا: كائنات التاريخ:
الكائن 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>")

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