Copie el código de código de la siguiente manera:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transicional//ES">
<html>
<cabeza>
<title>Manejo de eventos simple</title>
<meta http-equiv="palabras clave" contenido="palabra clave1, palabra clave2, palabra clave3">
<meta http-equiv="descripción" contenido="esta es mi página">
<meta http-equiv="tipo de contenido" contenido="texto/html; conjunto de caracteres=UTF-8">
<!--
<script language="text/javascript" src="hello.html">La etiqueta de llamada externa de este js no puede finalizar por sí sola</script>
<enlace rel="hoja de estilo" tipo="texto/css" href="./styles.css">
-->
<tipo de script="texto/javascript">
función hacer clicD(obj){
alerta(obj.innerHTML);
}
función ratónD(obj){
obj.style.color = "#f00";
// Cuando se usa código para establecer estilos, si CSS está representado por -, debe marcarse con camel case font-size -> fontSize
obj.style.fontSize = "16px";
}
función fueraD(obj){
obj.estilo.color = "#000";
obj.style.fontSize = "18px";
}
//Uso de con
con(documento){
escribir("dddd<br/>");
}
documento.write("aaaa<br/>");
documento.write("bbbb<br/>");
documento.write("cccc<br/>");
</script>
</cabeza>
<cuerpo>
<div onclick="clickD(this)" style="cursor:pointer;">Haz clic y pruébalo</div>
<div onmouseover="mouseD(this)" onmouseout="outD(this)">Intente mover el mouse</div>
</cuerpo>
</html>
2. Ejemplo de objeto de navegador: "Implica transferencia de valor entre dos páginas del navegador"
Copie el código de código de la siguiente manera:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//ES"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es">
<cabeza>
<meta http-equiv="Tipo de contenido" content="text/html; charset=utf-8" />
<título>js01_hola</título>
<meta nombre="autor" contenido="Administrador" />
<tipo de script="texto/javascript">
// setTimeout("endWelcome()",5000);
// función finalBienvenido() {
// document.getElementById("bienvenido").style.display = "none";
// }
</script>
</cabeza>
<cuerpo>
<div id="welcome">Bienvenido a nuestro sitio web</div>
<a href="#" onclick="window.open('test02.html','aaa','width=300,height=300,resizable=0')">test02</a>
<a href="#" onclick="window.open('test03.html','aaa','width=400,height=400,resizable=0')">test03</a>
<br/>
<a href="#" onclick="window.open('bless.html','aaa','width=600,height=300')">Ingresa tu bendición</a>
<a href="#" onclick="window.open('bless.html','aaa','width=600,height=300')">Seleccione género</a>
<div id="bendición"></div>
</cuerpo>
</html>
Copie el código de código de la siguiente manera:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//ES"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es">
<cabeza>
<meta http-equiv="Tipo de contenido" content="text/html; charset=utf-8" />
<título>js01_hola</título>
<meta nombre="autor" contenido="Administrador" />
<tipo de script="texto/javascript">
función bendecir() {
//Obtener las palabras de bendición de entrada
var mb = document.getElementById("mb").value;
//Obtener la ventana principal
var p = ventana.abridor;
//Obtienes el div con ID bendecido en la ventana principal
var pd = p.document.getElementById("bendice");
//Establece el valor de pd
pd.innerHTML = mb;
//Cerrar la ventana actual
ventana.cerrar();
}
</script>
</cabeza>
<cuerpo>
Ingrese palabras de bendición:<input type="text" size="40" id="mb"/>><input type="button" onclick="bless()" value="input" />
</cuerpo>
</html>