Introducción a la ejecución del navegador JS

Motor de renderizado: Se utiliza para analizar HTML y CSS, comúnmente conocido como kernel, como el parpadeo del navegador Chrome y la versión anterior de webkit

Motor JS: También conocido como intérprete JS. Se utiliza para leer el código JavaScript de la página web y ejecutarlo después del procesamiento, como la versión 8 del navegador Chrome.

El navegador en sí no ejecuta el código JS, pero ejecuta el código JS a través del motor JavaScript incorporado (intérprete). Cuando el motor JS ejecuta el código, interpreta cada frase del código fuente línea por línea (convertida a lenguaje de máquina), y luego es tomada y ejecutada por la computadora, por lo que el lenguaje JavaScript se clasifica como un lenguaje de scripting y será interpretado y ejecutado línea por línea

Composición de JS

Tres componentes	Explicación
ECMAScript	Sintaxis de JavaScript
JUICIO	Modelo de objeto de documento de página
BIEN	Modelo de objetos del navegador

ECMAScript

Un lenguaje de programación estandarizado por ECMA International, este lenguaje se usa ampliamente en la World Wide Web, a menudo se llama JavaScript o JScript, pero de hecho los dos últimos son la implementación y extensión del lenguaje ECMAScript.

JUICIO

Es una interfaz de programación estándar para procesar el lenguaje de marcado extensible recomendado por el grupo W3C.
A través de la interfaz proporcionada por el DOM, se pueden operar varios elementos de la página (tamaño, posición, color, etc.)

BIEN

Se refiere al modelo de objetos del navegador, que proporciona una estructura de objeto que es independiente del contenido y puede interactuar con la ventana del navegador. A través de BOM, puede operar la ventana del navegador, como un cuadro emergente, controlar el salto del navegador, obtener resolución, etc.

Tres posiciones de escritura de JS

JS en línea

<input type="button" value="唐伯虎" onclick="alert('秋香姐')">

Puede escribir una sola línea o una pequeña cantidad de código js en el atributo de tiempo de la etiqueta HTML (atributos que comienzan con on), como onclick
Preste atención al uso de comillas simples y dobles: recomendamos usar comillas dobles en HTML, y recomendamos usar JSapóstrofe
Escasa legibilidad, inconveniente de leer al escribir grandes cantidades de código JS en HTML
Las comillas son propensas a errores, y es muy fácil confundir las comillas cuando hay varias coincidencias de anidamiento.
Usar en circunstancias especiales

JS incrustado

    <script>
        alert('hello world');
    </script>

Puede escribir varias líneas de código JS en la etiqueta del script
Formas comunes de aprender cuando se incorpora JS

JS externo

<script src="my.js"></script>

//my.js文件
alert('Love is to waster time！')

Facilite la estructuración del código de la página HTML y separe grandes secciones de código JS fuera de la página HTML, lo cual es hermoso y conveniente para la reutilización a nivel de archivo
No se puede escribir código en las etiquetas de script que se refieren a archivos JS externos
Adecuado para situaciones en las que la cantidad de código JS es relativamente grande

El código html general en ejecución

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 2.内嵌式的js -->
    <script>
        alert('hello world');
    </script>
    <!-- 3.外部js 双标签-->
    <script src="my.js"></script>
</head>
<body>
    <!-- 1.行内式的js -->
    <input type="button" value="唐伯虎" onclick="alert('秋香姐')">
</body>
</html>

Comentario JS

Anotación	tecla de acceso rápido
Comentario de una sola línea	ctrl + /
Comentarios de varias líneas	shift + alt + a

Declaraciones de entrada y salida de JS

método	Descripción	Atribución
alerta (msg)	Cuadro de advertencia emergente del navegador	Navegador
console.log (msg)	La consola del navegador imprime información	Navegador
aviso (información)	El navegador muestra un cuadro de entrada y el usuario puede introducir	Navegador

Tenga en cuenta que la consola debe estar en la interfaz webPresione F12Puedes encontrarlo
. Cualquiera que haya jugado rastreadores debería saberlo.

Código de muestra. Ejecutarlo

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 这是一个输入框
        prompt('please input your age：')
        // alert 弹出警示框 输出框
        alert('the ans is:')
        console.log('i am 41')
    </script>
</head>
<body>
    
</body>
</html>

[Notas de estudio de JavaScript] JS tres componentes + tres posiciones + tres entradas y salidas (potencia JS trifásica, ¡tan fuerte!)

Conociendo JavaScript