1. Document.FormName.Item ("ItemName") Description du problème: Sous IE, vous pouvez utiliser Document.FormName.Item ("ItemName") ou Document.FormName.Elements ["ElementName"]; document.formName.item ("itemName") ou document.formName.Elements ["elementName"]; . 2. Description du problème de l'objet de classe de collecte: dans IE, vous pouvez utiliser () ou [] pour obtenir des objets de classe de collecte; dans Firefox, vous ne pouvez utiliser que pour obtenir des objets de classe de collecte. 3. Description du problème des attributs personnalisés: Dans IE, vous pouvez utiliser la méthode pour obtenir des attributs réguliers pour obtenir des attributs personnalisés, ou vous pouvez utiliser GetAttribute () pour obtenir des attributs personnalisés; . 4. EVAL ("IDNAME") Description du problème: dans IE, vous pouvez utiliser EVAL ("IDNAME") ou GetElementById ("IDNAME") pour obtenir un objet HTML avec IDNAME; Pour obtenir l'objet HTML avec ID comme idName. 5. Problème avec le même nom de variable que l'ID d'objet HTML: Sous IE, l'ID de l'objet HTML peut être utilisé directement comme nom de variable de l'objet subordonné du document, mais pas dans Firefox; L'ID d'objet HTML peut être utilisé. 6. CONS Description du problème: Sous Firefox, vous pouvez utiliser le mot clé const ou le mot clé VAR pour définir les constantes; 7. Description du problème de l'attribut de type. 8. Window.Event Description du problème: Window.Event ne peut fonctionner que sous IE, pas sous Firefox, car l'événement Firefox ne peut être utilisé que sur la scène où l'événement se produit. Code de programme 10. Event. 11. Window.Lolation.Href Description du problème: Sous IE ou Firefox2.0.x, vous pouvez utiliser Window.Location ou Window.Location.Href; 12. Description des problèmes de fenêtre modaux et non modaux: Sous IE, les fenêtres modales et non modales peuvent être ouvertes via ShowModaldialog et ShowModelessDialog; Treize. 14. DESCRIPTION DU PROBLÈME DE CHARGEMENT CORPS: L'objet corporel de Firefox existe avant que la balise corporelle ne soit entièrement lue par le navigateur; 15. DESCRIPTION DE LA MÉTHODE DE DÉLÉGATION DE L'ÉVÉNEMENT: Dans IE, Utilisez Document.Body.Onload = Inject; Where Function Inject () a été implémenté avant cela; 16. Divulgation de la différence entre les éléments parents accessibles: dans IE, utilisez obj.parerentelement ou obj.parentNode pour accéder au nœud parent d'OBJ; 17. Curseur: main vs curseur: pointeur 18. Le problème de l'innerte. Code de programme 19. Description du problème de la largeur de l'objet et de l'affectation de la hauteur: L'énoncé similaire à obj.style.height = imgobj.height dans firefox est invalide. 20. Le problème de l'opération de table: IE, Firefox et d'autres navigateurs ont des opérations différentes sur les balises de table. 21. Lorsque le problème d'indentation des listes UL et OL est éliminé, le style doit être écrit comme: Style de liste: Aucune; 22. Problème de transparence CSS IE: Filtre: Progid: dxiageTransform.microsoft.alpha (style = 0, opacité = 60). 23. Problème d'angle arrondi CSS IE: Les versions suivantes de IE7 ne prennent pas en charge les coins arrondis. Il y a trop de questions sur CSS, et même les mêmes définitions CSS ont des effets d'affichage différents dans différentes normes de page. Une suggestion appropriée est que la page est écrite dans la norme DHTML standard et que l'utilisation des tables est rarement utilisée. L'opéra est également pris en compte. BTW, dans de nombreux cas, les normes d'interprétation CSS de FF et Opera sont plus proches des normes CSS et sont plus standardisées.
Solution: utilisez Document.formName.Elements ["ElementName"] de manière unifiée.
Solution: utilisez [] pour obtenir des objets de classe de collecte de manière unifiée.
Solution: obtenez uniformément des attributs personnalisés via getAttribute ().
Solution: utilisez GetElementById ("idName") pour obtenir l'objet HTML avec ID comme idName.
Solution: utilisez document.getElementById ("idname") au lieu de document.idname. Il est préférable de ne pas prendre de noms de variables avec le même ID d'objet HTML pour réduire les erreurs;
Solution: utilisez le mot clé VAR pour définir uniformément les constantes.
Solution: ne modifiez pas la propriété d'entrée. 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 dans la même position.
Solution: ajoutez des paramètres de l'événement à la fonction où se produit l'événement, et utilisez var myevent = evt? Evt: (window.event? Window.event: null)
Exemple:
<entrée type = "bouton" onClick = "DoSomething (événement)" />
<script linguisse = "javascript">
fonction dosomething (evt) {
var myevent = evt? evt: (window.event? window.event: null)
...
}
</cript>
9. Event.x et Event.y Description du problème: Sous IE, l'objet uniforme a des attributs x et y, mais pas d'attributs Pagex et Pagey;
Solution: var myx = event.x?
Si vous considérez le 8ème numéro, utilisez simplement MyEvent au lieu de l'événement.
Solution: utilisez srCobj = event.srcelement?
Si vous considérez le 8ème numéro, utilisez simplement MyEvent au lieu de l'événement.
Solution: utilisez Window.Location au lieu de Window.Location.href. Bien sûr, vous pouvez également envisager d'utiliser la méthode Location.replace ().
Solution: utilisez Window.Open (pageurl, nom, paramètres) pour ouvrir une nouvelle fenêtre.
Si vous avez besoin de transmettre des paramètres dans la fenêtre enfant vers la fenêtre parent, vous pouvez utiliser Window.pener dans la fenêtre enfant pour accéder à la fenêtre parent. Si la fenêtre parent doit contrôler la fenêtre enfant, utilisez var subwindow = window.open (pageurl, nom, paramètres);
<frame src = "http://www.abc.com/123.html" id = "frameid" name = "FrameName" />
(1) accéder à l'objet de trame IE: Utilisez Window.Frameid ou Window.framename pour accéder à cet objet de trame;
Firefox: utilisez Window.framename pour accéder à cet objet de cadre;
Solution: utilisez Window.Document.getElementById ("frameId") pour accéder à cet objet de trame;
(2) Switch frame content In both IE and Firefox, you can use window.document.getElementById("frameId").src = "index.html" or window.frameName.location = "index.html" to switch fram contents of e;
Si vous avez besoin de transmettre des paramètres dans le cadre à la fenêtre parent, vous pouvez utiliser le mot-clé parent dans le cadre pour accéder à la fenêtre parent.
[Remarque] Ce problème n'a pas encore été vérifié et sera modifié après vérification.
[Remarque] Il a été prouvé que les problèmes ci-dessus n'existent pas dans IE6, Opera9 et Firefox2.
Solution: utilisez document.body.onload = new function ('inject ()');
[Remarque] La différence entre la fonction et la fonction
Solution: Parce que Firefox et IE prennent en charge DOM, OBJ.parentNode est utilisé pour accéder au nœud parent d'OBJ.
Description du problème: Firefox ne prend pas en charge la main, mais IE prend en charge le pointeur, les deux sont des indicateurs en forme de main.
Solution: utilisez le pointeur de manière unifiée.
Description du problème: InnerText fonctionne correctement dans IE, mais InnerText ne fonctionne pas dans Firefox.
Solution: utilisez TextContent au lieu de InnerText dans des navigateurs non IE.
Exemple:
if (navigator.appname.indexof ("explorateur")> -1) {
document.getElementById ('élément'). innerText = "Mon texte";
} autre{
document.getElementById ('élément'). textContent = "mon texte";
}
[Remarque] InnerHTML est soutenu par des navigateurs tels que IE et Firefox.
Solution: utilisez obj.style.height = imgobj.height + 'px' en uniforme;
Solution:
Code de programme
// Ajouter une ligne vide à la table:
var row = otable.insertrow (-1);
var cell = document.CreateElement ("TD");
Cell.innerhtml = "";
Cell.classname = "xxxx";
Row.ApendChild (cellule);
[Remarque] Puisque j'utilise rarement JS pour utiliser directement les tables, je n'ai jamais rencontré ce problème. Il est recommandé d'utiliser des ensembles de framework JS pour manipuler des tables, telles que jQuery.
L'attribut de marge est valide pour IE et l'attribut de rembourrage est valide pour Firefox. ← Cette phrase est incorrecte, voir pour plus de détails ↓
[Remarque] Ce problème n'a pas encore été vérifié et sera modifié après vérification.
[Remarque] a prouvé que dans IE, la marge de définition: 0px peut supprimer l'indentation vers le haut, vers le bas, la gauche et la droite, le blanc, le numéro de liste ou les points de la liste, et le padding n'a aucun effet sur le style; 0px ne peut supprimer que le haut et le bas, l'espace vierge ne peut supprimer que l'indentation gauche et droite après la définition du rembourrage: 0px. En d'autres termes, dans IE, vous pouvez réaliser l'effet final en définissant simplement la marge: 0px, padding: 0px et list-style: aucun ne doit être défini en même temps dans Firefox pour réaliser l'effet final.
FF: Opacité: 0,6.
[Remarque] Il est préférable d'écrire les deux et de placer l'attribut d'opacité ci-dessous.
FF: -Moz-Border-Radius: 4px, ou -Moz-Border-Radius-Topleft: 4px; -Moz-Border-Radius-TOPRIGHT: 4px; - RADIUS - REFORT-FORT: 4PX;.
[Remarque] Le problème du coin arrondi est un problème classique dans CSS.