JavaScript, JavaScript DOM Buscar y modificar elementos HTML, JavaScript BOM

JavaScript

1. Donde se puede ejecutar JavaScript:
(1) <stript></stript>Entre HTML
como:

<stript>
function changetext(id)
{
id.innerHTML="谢谢!";
}
</stript>

O, en el atributo de evento HTML:
por ejemplo:

<h1 onclick="changetext(this)">请点击这里</h1>

# Cuando haga clic en él, se ejecutará la función changetext (), y luego la página mostrará "¡Gracias!"

(2) En el navegador, haga clic en el círculo pequeño en el lado izquierdo de la consola de JavaScript para ingresar el código

Sintaxis de JavaScript

La sintaxis de JavaScript sigue el estándar
ECMAScript ECMAScript contiene especificaciones de sintaxis, etc.

JavaScript ejecuta efectos dinámicos

DOM de JavaScript

1. Obtenga contenido del elemento HTML:

Paso 1: Obtener elemento
getElementByld () Obtener elemento por id
Paso 2: Obtener contenido del elemento
InnerHTML: Obtener contenido del elemento

Por ejemplo: www.baidu.com
Tecla de acceso directo F12-> opciones en las herramientas del desarrollador (cuadro más a la izquierda + logotipo de flecha) -> seleccione un área de la página-> id = "" copie el contenido-> operación de la
Inserte la descripción de la imagen aquí
consola Control de la consola Operación de escritorio document.getElementById ("formulario"). InnerHTML y finalmente presione Entrar para obtener el contenido del elemento
Inserte la descripción de la imagen aquí
Consejos:
la tecla de acceso directo para volver al contenido anterior
Inserte la descripción de la imagen aquí

2. Modificar el contenido del elemento HTML

Directamente después de la operación de la consola de la consola después de obtener el contenido del elemento HTML, la operación de asignación de "=" se realiza después de "innerHTML".
Inserte la descripción de la imagen aquí
Aquí formo un marco, sí, se puede ver que es un poco defectuoso
Consejos:
asignación en Las comillas dobles son necesarias después del número, y las comillas simples se usan si las comillas dobles están involucradas en el uso de comillas.

Cree dinámicamente el contenido del elemento HTML:
1. Use la función document.write ()
write () en la consola para escribir el contenido del elemento que se creará

2. Cree un cuadro de advertencia dinámicamente:
"Iniciar sesión" en la página de opciones de la herramienta para desarrolladores, encuentre el siguiente elemento οnclick = "return false", cambie el retorno falso en "" para alertar (1), y aparecerá una advertencia en la página
Inserte la descripción de la imagen aquí

BUEN JavaScript

BOM (Modelo de objetos del navegador): conecte el navegador al lenguaje de programación
1. Tres tipos de navegadores advierten a los usuarios de las ventanas emergentes:
(1) Alerta de alerta emergente ()
(2) Confirmación de confirmación emergente ()
(3) Ventana emergente emergente prompt ()
Sugerencias:
Estas funciones se utilizan para la depuración simple y la visualización de información,
como: prueba de vulnerabilidad xss, utilizada para advertir la existencia de vulnerabilidades del navegador
Inserte la descripción de la imagen aquí
Inserte la descripción de la imagen aquí
Inserte la descripción de la imagen aquí

2. Cómo obtener la cookie del usuario desde el navegador: la
cookie es generalmente una pequeña información de texto enviada por el servidor al cliente,
como: cuando el usuario ingresa la contraseña de la cuenta para iniciar sesión en el sitio web, el sitio web generará una cookie para el usuario como credenciales de usuario, equivalente a nuestro La clave para
obtener cookies es un método comúnmente utilizado de explotación de vulnerabilidades en la seguridad web

(1) Obtener cookie:
ingrese document.cookie en la consola
(2) Escriba cookie:
document.cookie = "", "" El contenido es la información escrita,
y luego obtenga el contenido de la cookie al final del valor de la cookie será más Escribir valor

3. Obtenga la información de la pantalla del navegador:
(ventana). Pantalla
4. Obtenga / controle la URL de la página del usuario
(ventana.) Ubicación / window.location.href
a window.location.href = "" asignación, la página actual saltará La dirección en "" es
similar a la operación de window.open/close

19 artículos originales publicados · Me gusta1 · Visitas 380

Supongo que te gusta

Origin blog.csdn.net/weixin_45798017/article/details/105015328
Recomendado
Clasificación