Muestra las diferencias entre dos versiones de la página.
| Próxima revisión | Revisión previa | ||
|
otros:chromecons [2013/08/24 18:58] alfred creado |
otros:chromecons [2020/05/09 09:25] (actual) |
||
|---|---|---|---|
| Línea 2: | Línea 2: | ||
| ===== Básico ===== | ===== Básico ===== | ||
| * **Abrir**: tecla ''F12'' | * **Abrir**: tecla ''F12'' | ||
| - | * **Escribir**: ''console.log('hola'); | + | * **Escribir**: ''console.log('hola');'' |
| + | * **Comandos multilínea**: teclas ''shift''+''Enter'' | ||
| + | |||
| + | ==== Agregar un script ==== | ||
| + | <code javascript> | ||
| + | var script= document.createElement('script'); | ||
| + | script.type= 'text/javascript'; | ||
| + | script.src= 'script.js'; | ||
| + | document.head.appendChild(script); | ||
| + | </code> | ||
| + | Si tienes cargado jquery: | ||
| + | <code javascript> | ||
| + | $.getScript('script.js'); | ||
| + | </code> | ||
| + | Cargar jquery: | ||
| + | <code javascript> | ||
| + | var jq = document.createElement('script'); | ||
| + | jq.src = "//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"; | ||
| + | document.getElementsByTagName('head')[0].appendChild(jq); | ||
| + | // ... give time for script to load, then type. | ||
| + | jQuery.noConflict(); | ||
| + | </code> | ||
| + | ==== Ver objetos ==== | ||
| + | <code javascript> | ||
| + | console.log(window); | ||
| + | console.log(navigator); | ||
| + | </code> | ||
| + | ==== Acceder a elementos ==== | ||
| + | Seleccionamos un elemento en la pestaña ''Elements'' y añadimos: ''$0'' o ''$($0)'' si tenemos jQuery. | ||
| + | ==== Acceder al último resultado de consola ==== | ||
| + | Poner ''$_'' | ||
| + | ==== Listar propiedades\métodos de un objeto ==== | ||
| + | <code javascript> | ||
| + | console.dir(document.body); | ||
| + | </code> | ||
| + | |||
| + | ==== Notas ==== | ||
| + | |||
| + | Para refrescar bien una página (eliminando sus datos): ''shift + ctrl + r'' | ||