جافا سكريبت اختبار النموذج
مكتبة إطار اختبار جافا سكريبت - نموذج
مراجع النموذج
لاختبار مكتبة جافا سكريبت، تحتاج إلى الرجوع إليه في صفحة ويب.
للإشارة إلى مكتبة، استخدم العلامة <script>، التي وضعت على مكتبة URL سمة src:
مراجع النموذج
<html>
<head>
<script
src="http://apps.bdimg.com/libs/prototype/1.7.1.0/prototype.js">
</script>
</head>
<body>
</body>
</html>
النموذج وصف
ويقدم النموذج وظائف تمكن HTML DOM برمجة أسهل.
على غرار مسج، لديها نموذج أيضا وظيفتها $ الخاصة ().
$ () وظيفة تقبل قيمة id HTML DOM عنصر (أو عنصر DOM)، وسوف تضيف ميزات جديدة إلى كائن DOM.
تختلف مع jQuery، نموذج ليس ليحل محل window.onload () مستعدة طريقة (). بدلا من ذلك، سوف نموذج إضافة ملحق لمتصفح HTML DOM و.
في جافا سكريبت، يمكنك تعيين وظيفة للتعامل مع الحدث تحميل نافذة:
طريقة جافا سكريبت:
{
var obj=document.getElementById("h01");
obj.innerHTML="Hello Prototype";
}
onload=myFunction;
النموذج يعادل مختلفة:
وضع النموذج:
{
$("h01").insert("Hello Prototype!");
}
Event.observe(window,"load",myFunction);
Event.observe () تقبل المعلمات الثلاث:
- كنت ترغب في التعامل مع DOM HTML أو BOM (مستعرض الكائنات النموذجي) الأجسام
- الحدث الذي تريد التعامل مع
- الوظيفة التي تريد الاتصال بها
اختبار النموذج
من فضلك حاول المثال التالي:
مثال
<html>
<script
src="http://apps.bdimg.com/libs/prototype/1.7.1.0/prototype.js">
</script>
<script>
function myFunction()
{
$("h01").insert("Hello Prototype!");
}
Event.observe(window,"load",myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>
محاولة »
يرجى المحاولة مرة أخرى في هذا المثال:
مثال
<html>
<script
src="http://apps.bdimg.com/libs/prototype/1.7.1.0/prototype.js">
</script>
<script>
function myFunction()
{
$("h01").writeAttribute("style","color:red").insert("Hello Prototype!");
}
Event.observe(window,"load",myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>
اختبار >>
كما ترون في المثال أعلاه، وهو نفس jQuery، نموذج يسمح بناء الجملة سلسلة.
الارتباط (تسلسل) هو وسيلة لأداء مهام متعددة على نفس الأسلوب موضوع مناسب.