1. Document.FormName.Item ("itemName") Descripción del problema: En IE, puede usar document.FormName.Item ("itemname") o document.FormName.Elements ["ElementName"]; document.formname.item ("itemname") o document.formname.elements ["elementName"]; . 2. Descripción del problema del objeto de clase de recolección: en IE, puede usar () o [] para obtener objetos de clase de recolección; 3. Descripción del problema de los atributos personalizados: en IE, puede usar el método para obtener atributos regulares para obtener atributos personalizados, o puede usar getAttribute () para obtener atributos personalizados; . 4. Evalte ("IdName") Descripción del problema: en IE, puede usar Eval ("IdName") o GetElementById ("IdName") para obtener el objeto HTML con IdName; Para obtener el objeto HTML con ID como IdName. 5. Problema con el mismo nombre de variable que el ID del objeto HTML: en IE, la ID del objeto HTML puede usarse directamente como el nombre de la variable del objeto subordinado del documento, pero no en Firefox; Se puede usar la identificación del objeto HTML. 6. Descripción del problema constante: en Firefox, puede usar la palabra clave const o la palabra clave var para definir constantes; 7. Descripción del problema del atributo de type: el atributo de type de entrada en IE es de solo lectura; 8. Ventana. Evento Descripción del problema: Window.Event solo puede ejecutarse en IE, no bajo Firefox, porque el evento Firefox solo se puede usar en la escena en la que ocurre el evento. Código de programa 10. Evento. Descripción del problema de cicatrización: Bajo IE, el objeto uniforme tiene una propiedad de Cicelement, pero no tiene propiedad de Target; 11. Window.location.href Descripción del problema: En IE o Firefox2.0.x, puede usar Window.location o Window.location.href; 12. Descripción de problemas de ventana modal y no modal: bajo IE, se pueden abrir ventanas modales y no modales a través de ShowModaldialog y ShowModelessdialog; Trece. 14. Problema de carga del cuerpo Descripción: El objeto del cuerpo de Firefox existe antes de que el navegador lea completamente la etiqueta del cuerpo; 15. Descripción del problema del método de delegación del evento: en IE, use document.body.onload = inyect; 16. Divulgación de la diferencia entre los elementos principales accedidos: en IE, use obj.ParentElement u obj.ParentNode para acceder al nodo principal de OBJ; 17. Cursor: Hand Vs Cursor: Pointer 18. El problema de inntext. Código de programa 19. Descripción del problema del ancho del objeto y la asignación de altura: la declaración similar a obj.style.height = imgobj.eight in firefox no es válida. 20. Descripción del problema de la tabla: IE, Firefox y otros navegadores tienen diferentes operaciones en las etiquetas de la tabla. 21. Cuando se elimina el problema de la sangría de las listas UL y OL, el estilo debe escribirse como: Estilo de lista: Ninguno; 22. Problema de transparencia CSS es decir: Filtro: Progid: dximagetransform.microsoft.alpha (estilo = 0, opacidad = 60). 23. Problema de esquina redondeada CSS, es decir, las siguientes versiones de IE7 no admiten esquinas redondeadas. Hay demasiadas preguntas sobre CSS, e incluso las mismas definiciones de CSS tienen diferentes efectos de visualización en diferentes estándares de página. Una sugerencia adecuada es que la página está escrita en el estándar estándar de DHTML, y el uso de tablas rara vez se usa. La ópera también se tiene en cuenta. Por cierto, en muchos casos, los estándares de interpretación de CSS de FF y Opera están más cerca de los estándares CSS y están más estandarizados.
Solución: use document.formname.elements ["ElementName"] de manera unificada.
Solución: Use [] para obtener objetos de clase de recolección de manera unificada.
Solución alternativa: obtenga uniformemente atributos personalizados a través de getAttribute ().
Solución: use GetElementById ("IdName") para obtener el objeto HTML con ID como idname.
Solución alternativa: use document.getElementById ("idname") en lugar de document.idname. Es mejor no tomar nombres de variables con la misma ID de objeto HTML para reducir los errores;
Solución: use la palabra clave VAR para definir constantes de manera uniforme.
Solución: No modifique la propiedad de entrada. Type. Si tiene que modificarlo, primero puede ocultar la entrada original y luego insertar un nuevo elemento de entrada en la misma posición.
Solución: Agregue los parámetros del evento a la función donde ocurre el evento y use var myEvent = evt? Evt: (Window.event? Window.event: NULL)
Ejemplo:
<input type = "button" onClick = "dosomething (evento)"/>
<script language = "javaScript">
function Dosomething (EVT) {
var myevent = evt? Evt: (Window.event? Window.event: NULL)
...
}
</script>
9. Event.x y Event.y Problema Descripción: En IE, el objeto uniforme tiene atributos X e Y, pero no hay atributos Pagex y Pagey;
SOLUCIÓN: VAR MYX = EVENT.X?
Si considera el octavo problema, simplemente use Myevent en lugar de evento.
SOLUCIÓN: Utilice srcobj = event.sricleement?
Si considera el octavo problema, simplemente use Myevent en lugar de evento.
Solución alternativa: use Window.location en lugar de Window.location.href. Por supuesto, también puede considerar usar el método ubicación.replace ().
Solución: use Window.open (PageUrl, nombre, parámetros) para abrir una nueva ventana.
Si necesita pasar parámetros en la ventana infantil de regreso a la ventana principal, puede usar la ventana. Si la ventana principal necesita controlar la ventana del niño, use VAR Subwindow = Window.open (PageUrl, Nombre, Parámetros);
<Frame src = "http://www.abc.com/123.html" id = "frameID" name = "franMename"/>
(1) Acceda al objeto de cuadro, es decir, use Window.frameid o Window.framename para acceder a este objeto de cuadro;
Firefox: use Window.framename para acceder a este objeto de cuadro;
Solución: use Window.document.getElementById ("FrameId") para acceder a este objeto de cuadro;
(2) Cambiar el contenido del marco tanto en IE como en Firefox, puede usar Windows.document.getElementById ("FrameID"). Src = "index.html" o window.framename.location = "index.html" para cambiar el contenido de fram mi;
Si necesita pasar los parámetros en el marco de regreso a la ventana principal, puede usar la palabra clave principal en el marco para acceder a la ventana principal.
[Nota] Este problema aún no se ha verificado y se modificará después de la verificación.
[Nota] Se ha demostrado que los problemas anteriores no existen en IE6, Opera9 y Firefox2.
SOLUCIÓN: Use document.body.onload = nueva función ('inyect ()');
[Nota] La diferencia entre función y función
Solución: Debido a que tanto Firefox como IE admiten DOM, OBJ.ParentNode se usa para acceder al nodo principal de OBJ.
Descripción del problema: Firefox no es compatible con la mano, pero es decir, es compatible con el puntero, ambos son indicadores en forma de mano.
Solución: use el puntero de manera unificada.
Descripción del problema: InnteText funciona correctamente en IE, pero InnteText no funciona en Firefox.
Solución alternativa: use TextContent en lugar de inntext en navegadores que no son II.
Ejemplo:
if (navigator.appname.indexof ("explorer")> -1) {
document.getElementById ('Element'). Innertext = "My Text";
} demás{
document.getElementById ('Element'). TextContent = "My Text";
}
[Nota] Innerhtml es compatible con navegadores como IE y Firefox.
Solución: use obj.style.height = imgobj.height + 'px' en uniforme;
Solución:
Código de programa
// Agregar una línea en blanco a la tabla:
var fila = otable.insertrow (-1);
var celular = document.createElement ("td");
celular.innerhtml = "";
celular.classname = "xxxx";
fila.appendChild (celda);
[Nota] Dado que rara vez uso JS para operar tablas directamente, nunca he encontrado este problema. Se recomienda utilizar conjuntos de marco JS para manipular tablas, como jQuery.
El atributo de margen es válido para IE y el atributo de relleno es válido para Firefox. ← Esta oración es incorrecta, ver los detalles ↓
[Nota] Este problema aún no se ha verificado y se modificará después de la verificación.
[Nota] Probado que en IE, el margen de configuración: 0px puede eliminar la sangría hacia arriba, hacia abajo, izquierda y derecha, en blanco, número de lista o puntos de la lista, y establecer el relleno no tiene efecto en el estilo; 0px solo puede eliminar el espacio en blanco solo puede eliminar la sangría izquierda y derecha después de configurar el relleno: 0px. En otras palabras, en IE, puede lograr el efecto final simplemente estableciendo margen: 0px, relleno: 0px y estilo list: ninguno debe establecerse al mismo tiempo en Firefox para lograr el efecto final.
FF: Opacidad: 0.6.
[Nota] Es mejor escribir ambos y colocar el atributo de opacidad a continuación.
FF: -Moz-Border-Radius: 4px o -Moz-Border-Radius-Topleft: 4px; - Radius- Bottoming derecho: 4px;.
[Nota] El problema de la esquina redondeada es un problema clásico en CSS.