w3schools how javascript html dom case-sensitive

how - javascript html w3schools



JavaScript y por qué a veces las letras mayúsculas funcionan y otras no (4)

Algunos objetos IE no siempre distinguen entre mayúsculas y minúsculas, incluido algunos / la mayoría / todos los ActiveX: por qué XHR.onReadyStateChange y XHR.onreadystatechange funcionarían bien en IE5 o IE6, pero solo este último funcionaría con el objeto XMLHttpRequest nativo en IE7, FF, etc.

Pero, una referencia rápida para la envoltura API " estándar ":

  • MAYÚSCULAS - Constantes (generalmente simbólicas, ya que const no es compatible a nivel mundial)
  • En mayúsculas - Funciones de clases / objetos
  • minúsculas - Eventos
  • camelCase - todo lo demás

Sin garantías al 100%. Pero, en términos de la mayoría, esto es exacto.

En Notepad ++, estaba escribiendo un archivo JavaScript y algo no funcionó: una alerta tenía que mostrarse cuando se hacía clic en un botón, pero no funcionaba.

He utilizado el complemento de autocompletar proporcionado con Notepad ++, que me presentó onClick .

Cuando cambié la C mayúscula a una c pequeña, funcionó.

Entonces, antes que nada, cuando miraba las funciones en la finalización automática, noté muchas funciones usando mayúsculas.

Pero cuando cambias getElementById a getelementbyid , también obtienes un error, y para empeorar las cosas, mi manual de la escuela escribe todo con letras mayúsculas, pero las soluciones están todas hechas en letras minúsculas.

Entonces, ¿qué pasa con JavaScript y su naturaleza selectiva hacia la cual las funciones pueden tener letras mayúsculas y cuáles no?


Javascript siempre debe ser sensible a mayúsculas y minúsculas, pero he visto casos en Internet Explorer donde tolera mayúsculas para algunos nombres de funciones pero no otros. Creo que está limitado a las funciones que también existen en Visual Basic, ya que existe cierta endogamia extraña entre los intérpretes. Claramente, este comportamiento debe evitarse, a menos que, por supuesto, su intención sea crear un código que solo se ejecute en un navegador :)



Javascript SIEMPRE es sensible a mayúsculas y minúsculas, html no.

Suena como si estuvieras hablando de si los atributos html (por ejemplo, onclick) son o no sensibles a mayúsculas y minúsculas. La respuesta es que los atributos no distinguen entre mayúsculas y minúsculas, pero la forma en que accedemos a ellos a través del DOM es. Entonces, puedes hacer esto:

<div id=''divYo'' onClick="alert(''yo!'');">Say Yo</div> // Upper-case ''C''

o:

<div id=''divYo'' onclick="alert(''yo!'');">Say Yo</div> // Lower-case ''C''

pero a través del DOM debes usar la caja correcta. Entonces esto funciona:

getElementById(''divYo'').onclick = function() { alert(''yo!''); }; // Lower-case ''C''

pero no puedes hacer esto:

getElementById(''divYo'').onClick = function() { alert(''yo!''); }; // Upper-case ''C''

EDITAR: CMS señala que la mayoría de los métodos DOM y las propiedades están en camelCase . La única excepción que me viene a la mente son las propiedades del controlador de eventos, y generalmente se acepta que son la forma incorrecta de adjuntar eventos de todos modos. Prefiere usar addEventListener como en:

document.getElementById(''divYo'').addEventListener(''click'', modifyText, false);