1. JavaScript es un lenguaje de secuencias de comandos diseñado para la interacción con las páginas web. Su composición
ECMAScript (Core) DOM (modelo de objeto de documento) BOM (modelo de objeto de navegador)
1.1ECMAScript
ECMAScript definido por ECMA-262 no tiene dependencia con el navegador web. ECMA-262 solo define los conceptos básicos de este idioma y proporciona funciones de lenguaje central.
ECMAScript es un lenguaje de secuencias de comandos estandarizado a través de ECMA-262. ECMA-262 estipula lenguajes: sintaxis, tipo, declaración, palabra clave, palabra reservada, operador, objeto
1.2 DOM (modle de objeto de documento)
DOM es una interfaz de programación de aplicaciones para XML, pero se ha extendido para HTML, proporcionando métodos e interfaces para acceder y manipular el contenido web.
DOM asigna toda la página en una estructura de nodo de múltiples capas. Cada componente en la página HTML o XML es un cierto tipo de nodo, que contiene diferentes tipos de datos.
1.3 BOM (modelo de objeto Bower)
Controle la parte que no sea la página que se muestra por el navegador. La BOM solo procesa las ventanas y marcos del navegador, y proporciona métodos e interfaces para interactuar con el navegador.
2. <script> elementos
2.1 Archivo JavaScript de referencia
Referencia externa a los archivos JavaScript:
La copia del código es la siguiente:
<script type = "text/javaScript" src = "../../ xx.js"> </script>
Página incrustar el código de JavaScript
La copia del código es la siguiente:
<script type = "text/javaScript">
// código JavaScript
</script>
El código JavaScript contenido en el elemento <script> se explicará en secuencia de arriba a abajo
2.2 Propiedades de <script> Elementos
Delfre el script de retraso: dígale al navegador que descargue de inmediato, el script se retrasará hasta que se haya analizado toda la página antes de ejecutarse. Difer solo es adecuado para archivos de script introducidos externamente
La copia del código es la siguiente:
<! Doctype html>
<html>
<Evista>
<script type = "text/javaScript" Defer = "Defer" src = "Ejemplo.js"> </script>
</ablo>
</html>
Aunque la etiqueta <Script> se encuentra en la etiqueta <head>, demo.js se retrasará hasta que el navegador encuentre </html>.
Script asíncrono asíncrono: la página debe esperar a que el script se descargue y ejecute, para cargar otros contenidos de la página asíncronamente
Al igual que diferir, solo se aplica a los archivos de script importados externamente. Async le dice al navegador que descargue los archivos de inmediato, pero a diferencia de Difer, la marca de los scripts de Async no garantiza la ejecución en el orden en que se especifican. Se recomienda que los scripts asincrónicos no modifiquen el DOM durante la carga.
La copia del código es la siguiente:
<!-script async->
<script type = "text/javaScript" async = "async" src = "ejemplo1.js"> </script>
<script type = "text/javaScript" async = "async" src = "ejemplo2.js"> </script>
2.3 Propiedades de <roscript> elementos
La copia del código es la siguiente:
<! DocType html public "-// w3c // dtd xhtml 1.0 Transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transicional.dtd ">
<html xmlns = "http://www.w3.org/1999/xhtml">
<Evista>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> test </title>
<!-Script de retraso->
<scriptType = "text/javaScript" diferir = "defer" src = "ejemplo.js"> </script>
<!-guía script->
<script type = "text/javaScript" async = "async" src = "ejemplo1.js"> </script>
<script type = "text/javaScript" async = "async" src = "ejemplo2.js"> </script>
</ablo>
<Body>
<roscript>
<p> Esta página muestra que se requiere el soporte del navegador (habilitado) JavaScript
</roscript>
</body>
</html>
El navegador no admite scripts
El navegador admite scripts, pero el script está deshabilitado y el navegador mostrará el contenido en <Script>
Esta página mostrará un mensaje al usuario si el script no es válido, y en un navegador habilitado para script, el usuario nunca lo verá
Lo anterior se trata de este artículo. Espero que te pueda gustar. Esta serie continuará siendo actualizada.