Différences entre js dans IE et les connaissances Firefox_Basic

1.firefox ne peut pas prendre en charge innerText.
Firefox prend en charge innerHTML mais pas innerText. Il prend en charge textContent pour implémenter innerText, mais les espaces supplémentaires sont également conservés par défaut. Si textContent n'est pas utilisé, innerHTML peut être utilisé à la place si la chaîne ne contient pas de code HTML.

2. Interdire la sélection de contenu Web :
Utilisez généralement js dans IE : obj.onselectstart=function(){return false;}
Firefox utilise CSS :-moz-user-select:none

3. Support de filtre (exemple : filtre transparent) :
IE:filter:alpha(opacity=10);
firefox:-moz-opacity:.10;

4. Capturer l'événement :
IE : obj.setCapture(), obj.releaseCapture()
Firefox : document.addEventListener("mousemove",mousemovefunction,true);
document.removeEventListener("mousemove",mousemovefunction,true);

5. Obtenez la position de la souris :
IE : event.clientX, event.clientY
Firefox : la fonction événementielle est requise pour transmettre l'objet événement
obj.onmousemove=fonction(ev){
X=ev.pageX;Y=ev.pageY;
>

6. Problèmes de limites du DIV et d'autres éléments :
Par exemple : définissez le CSS d'un div ::{width:100px;height:100px;border:#000000 1px solid;}
Dans IE : largeur du div (largeur de la bordure incluse) : 100 px, hauteur du div (largeur de la bordure incluse) : 100 px ; Et firefox : la largeur du div (y compris la largeur de la bordure) : 102px, la hauteur du div (y compris la largeur de la bordure) : 102px
;

.

var isIE=document.all? true:false;
J'ai écrit une variable, si la syntaxe document.all est prise en charge alors isIE=true, sinon isIE=false

Généralement, vous pouvez utiliser !important pour prioriser l'utilisation des instructions CSS (uniquement pris en charge par Firefox)
Par exemple : {border-width:0px!important;border-width:1px;}
Sous Firefox, cet élément n'a pas de bordure. Sous IE, la largeur de la bordure est de 1px
.

Description du problème : Sous IE, vous pouvez utiliser document.formName.item("itemName") ou document.formName.elements ["elementName"] sous Firefox, vous ne pouvez utiliser que document.formName.elements["elementName"] ; .
Solution : utilisez document.formName.elements["elementName"] uniformément.

Description du problème : Sous IE, vous pouvez utiliser () ou [] pour obtenir des objets de collection ; sous Firefox, vous ne pouvez utiliser que [ ] pour obtenir des objets de collection.
Solution : utilisez [] uniformément pour obtenir des objets de classe de collection.

Description du problème : sous IE, vous pouvez utiliser la méthode d'obtention d'attributs normaux pour obtenir des attributs personnalisés, ou vous pouvez utiliser getAttribute() pour obtenir des attributs personnalisés ; sous Firefox, vous ne pouvez utiliser getAttribute() que pour obtenir des attributs personnalisés.
Solution : Obtenez uniformément des attributs personnalisés via getAttribute().

Description du problème : Sous IE, vous pouvez utiliser eval("idName") ou getElementById("idName") pour récupérer l'objet HTML avec l'identifiant idName ; sous Firefox, vous ne pouvez utiliser que getElementById("idName") pour récupérer le Objet HTML avec l'identifiant idName .
Solution : utilisez getElementById("idName") uniformément pour obtenir l'objet HTML dont l'identifiant est idName.

Description du problème : Sous IE, l'ID de l'objet HTML peut être utilisé directement comme nom de variable de l'objet subordonné du document, mais pas sous Firefox, sous Firefox, le même nom de variable que l'ID de l'objet HTML peut être utilisé, mais pas sous IE.
Solution de contournement : utilisez document.getElementById("idName") au lieu de document.idName. Il est préférable de ne pas utiliser de noms de variables avec le même ID d'objet HTML pour réduire les erreurs ; lors de la déclaration des variables, ajoutez toujours le mot-clé var pour éviter toute ambiguïté.

Description du problème : Sous Firefox, vous pouvez utiliser le mot-clé const ou le mot-clé var pour définir des constantes ; sous IE, vous ne pouvez utiliser que le mot-clé var pour définir des constantes.
Solution : utilisez le mot-clé var uniformément pour définir des constantes.

Description du problème : L'attribut input.type sous IE est en lecture seule ; mais l'attribut input.type sous Firefox est en lecture-écriture.
Solution : Ne modifiez pas l'attribut input.type. Si vous devez le modifier, vous pouvez d'abord masquer l'entrée d'origine, puis insérer un nouvel élément d'entrée à la même position.

Description du problème : window.event ne peut être exécuté que sous IE, pas sous Firefox. En effet, l'événement de Firefox ne peut être utilisé que sur la scène où l'événement se produit.
Solution : ajoutez le paramètre d'événement à la fonction où l'événement se produit et utilisez var myEvent = evt?evt:(window.event?window.event:null)
dans le corps de la fonction (en supposant que le paramètre formel est evt) Exemple :