Usuario:Juanda/javascript/Dom - Historial de revisiones

Juanda en 22:40 19 jul 2016

2016-07-19T22:40:29Z

2012-10-02T20:54:59Z

‎Objeto Array

2012-10-02T20:53:18Z

‎Objeto Array

2012-10-02T15:30:31Z

‎Acceso directo a atributos

2012-09-27T23:45:30Z

‎Acceso directo a atributos

2012-09-27T23:44:58Z

2012-09-27T23:40:52Z

2012-09-27T23:37:29Z

‎Arbol de nodos

2012-09-27T23:37:20Z

‎Ejemplo: Objeto document

2012-09-27T23:36:40Z

‎Arbol de nodos

@@ Línea 124: / Línea 124: @@
 	</body>
 </html>
 </div>
 <div class="slide">

@@ Línea 103: / Línea 103: @@
 </div>
 <div class="slide">
-*Algunos objetos referidos al navegador:
+===Algunos objetos referidos al navegador===
 '''Window''': Representa la ventana del navegador.<br>
 '''Navigator''': Contiene información sobre el navegador Web<br>
@@ Línea 109: / Línea 109: @@
 '''History''' :	Contiene información sobre las URLs visitadas <br>
 '''Location''': Contiene información sobre la URL actual en el navegador <br>
 <source lang="javascript">
-var arr = new Array(6);
+<html>
-	arr[0] = "Jani";
+	<head>
-	arr[1] = "Hege";
+		<script type="text/javascript">
-	arr[2] = "Stale";
+			function printpage()
-	arr[3] = "Kai Jim";
-	arr[4] = "Borge";
+  				window.print()
-	arr[5] = "Tove";
-	document.write(arr + "<br />");
+		</script>
-	document.write(arr.sort());
+	</head>
-</source>
+	<body>
-Resultado:<br>
+		<input type="button" value="Print this page" onclick="printpage()" />
-Jani,Hege,Stale,Kai Jim,Borge,Tove <br>
+	</body>
-Borge,Hege,Jani,Kai Jim,Stale,Tove
+</html>
 </div>
 <div class="slide">

@@ Línea 103: / Línea 103: @@
 </div>
 <div class="slide">
 ===DOM===
 </div>

@@ Línea 200: / Línea 200: @@
 var enlace = document.getElementById("enlace");
 alert(enlace.href); // muestra http://www...com
 <a id="enlace" href="http://www...com">Enlace</a>
 </source>
@@ Línea 208: / Línea 209: @@
 var imagen = document.getElementById("imagen");
 alert(imagen.style.margin);
-img id="imagen" style="margin:0; border:0;" src="logo.png" />
+....
 </source>
@@ Línea 239: / Línea 241: @@
 <div class="slide">
 ====Ejemplos====
 <source lang="html4strict">

@@ Línea 239: / Línea 239: @@
 <div class="slide">
 <source lang="html4strict">
 <html>

← Revisión anterior		Revisión de 23:44 27 sep 2012
Línea 217:		Línea 217:
	</div>		</div>

		+	<div class="slide">
		+	<source lang="html4strict">
		+	<html>
		+	<head>
		+	<script type="text/javascript">
		+	function getValue()
		+	{
		+	var x=document.getElementById("Titulo");
		+	alert(x.innerHTML);
		+	}
		+	</script>
		+	</head>
		+	<body>
		+	<h1 id="Titulo" onclick="getValue()">Este es el título</h1>
		+	<p>Pulsa en el título para que te salga una alert box con su valor.</p>
		+	</body>
		+	</html>
		+	</source>

		+	</div>

		+	<div class="slide">
		+	<source lang="html4strict">
		+	<html>
		+	<head>
		+	<script type="text/javascript">
		+	function startTime()
		+	{
		+	var today=new Date();
		+	var h=today.getHours();
		+	var m=today.getMinutes();
		+	var s=today.getSeconds();
		+	m=checkTime(m);// add a zero in front of numbers<10
		+	s=checkTime(s);// add a zero in front of numbers<10
		+	document.getElementById('txt').innerHTML=h+":"+m+":"+s;
		+	t=setTimeout('startTime()',500);
		+	}
		+	function checkTime(i)
		+	{
		+	if (i<10)
		+	{
		+	i="0" + i;
		+	}
		+	return i;
		+	}
		+	</script>
		+	</head>
		+	<body onload="startTime()">
		+	<p> prueba </p>
		+	<div id="txt"></div>
		+	</body>
		+	</html>
		+	</source>

		+	</div>

	</div>		</div>

← Revisión anterior		Revisión de 23:40 27 sep 2012
Línea 195:		Línea 195:
	</source>		</source>
	</div>		</div>
		+	<div class="slide">
		+	====Acceso directo a atributos====
		+	<source lang="javascript">
		+	var enlace = document.getElementById("enlace");
		+	alert(enlace.href); // muestra http://www...com
		+	<a id="enlace" href="http://www...com">Enlace</a>
		+	</source>
		+	</div>
		+	<div class="slide">
		+	*Para obtener las propiedades CSS, mediante el atributo style:
		+	<source lang="javascript">
		+	var imagen = document.getElementById("imagen");
		+	alert(imagen.style.margin);
		+	img id="imagen" style="margin:0; border:0;" src="logo.png" />
		+	</source>

		+	*Si el nombre de una propiedad CSS es compuesto, se accede a su valor modificando ligeramente su nombre:
		+	:font-weight se transforma en fontWeight<br>
		+	:line-height se transforma en lineHeight
		+
		+	</div>

@@ Línea 135: / Línea 135: @@
 ====Arbol de nodos====
+[[Archivo:dom_html.png|300px|thumb|left|Estructura de documento html según estándar DOM ]]
 <source lang="html4strict">
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

← Revisión anterior		Revisión de 23:37 27 sep 2012
Línea 134:		Línea 134:
	<div class="slide">		<div class="slide">

−	~~[[Archivo:dom_html.png\|300px\|thumb\|left\|Estructura de documento html según estándar DOM ]]~~
	====Arbol de nodos====		====Arbol de nodos====