الأشياء التي يجب ملاحظتها عند تطوير جافا سكريبت عبر المتصفحات

1. استخدم عنصر tbody عند إلحاق صفوف بالجدول

لتحديد الجدول للتأكد من أنه يمكن استخدامه من قبل جميع المتصفحات بما في ذلك IE

مثال: حدد جدولًا فارغًا كما يلي

<table id="myTable">

<tbody id="

myTableBody"></ tbody>

</table>

الطريقة الصحيحة لإضافة صفوف إلى هذا الجدول هي إضافة صفوف إلى نص الجدول، وليس إلى الجدول.

خلية فار = document.createElement("td").appendChild(document.createTextNode("foo"));

Varrow = document.createElement("tr").appendChild(cell);

Document.getElementById("myTableBody"). appendChild(row);

* في IE، تحتاج إلى إنشاء صفوف أولاً، ثم إنشاء أعمدة، ثم إنشاء محتوى

2.

قم بتعيين نمط العنصر

varspanElement = document.getElementById("mySpan");

طريقة الكتابة مضمونة للعمل في جميع المتصفحات باستثناء IE.

SpanElement.setAttribute("style"،font-weight:bold;color:red;");

// تضمن طريقة الكتابة التالية أن IE يمكنه استخدام

spanElement.style. cssText="font-weight:bold;color:red;";

3. قم بتعيين سمة الفئة للعنصر

var element = document.getElementById(“myElement”);

// تضمن طريقة الكتابة التالية إمكانية استخدام جميع المتصفحات باستثناء IE

class

”،”styleClass”);

// طريقة الكتابة التالية تأكد من توفر IE في

Element.setAttribute("className"،"styleClass")

;

"input");

// مربع نص من سطر واحد، خانة اختيار، زر اختيار، زر اختيار، تحتاج الأزرار إلى هذه السمة لتمييز

Button.setAttribute("type"، "button");

Document.getElementById("formElement"). appendChild(button);

5. أضف معالج حدث إلى عنصر الإدخال

var formElement=document.getElementById("formElement");

متاح

في جميع المتصفحات

formElement.onclick=function(){doFoo();};

في جميع المتصفحات باستثناء IEformElement.setAttribute

("onclick"،"doFoo();");

6. قم بإنشاء زر اختيارIf

(document.uniqueID){

//Internet Explorer

Var radioButton=document.createElement("<input type=' radio' name='radioButton' value='checked'>");

}else{

// متوافق مع المعايير

var radioButton=document.createElement("input");

radioButton.setAttribute("type",radio");

radioButton. setAttribute("name"، "radioButton")؛

radioButton.setAttribute("value"، "checked")؛

}

7.insertRow, InsertCell,deleteRow

في IE، إذا لم يحدد table.insertRow() المعلمات، فستتم إضافة الصفوف. بعد الجدول، بت المعلمة الافتراضية هي -1 إذا كان في Firefox، يجب إضافة المعلمات مثل: InsertRow(-1).