JavaScript - Ejectar javascript al cargar la pagina

 
Vista:
sin imagen de perfil
Val: 14
Ha aumentado 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Ejectar javascript al cargar la pagina

Publicado por fernando (8 intervenciones) el 15/02/2019 10:37:01
Hola tengo este código para modificar clases según la hora del día con javascript pero no hay maneras de que me funcione ni en local ni en producción. En cambio lo pruebo con un editor y si funciona.
El problema es que ni en local ni en producción me ejecuta el js. (en editor si porque es autorun js)
he provado varias formas pero no me lo ejectua


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<html>
<head>
	<script>
function cargarImagen(){
ahora=new Date();
hora=ahora.getHours();
if(hora<8){
newClassForDiv = "default";
}
 
if(hora>7 && hora<12){
newClassForDiv = "mañana";
}
if(hora>11 && hora<18){
newClassForDiv = "mediodia";
}
if(hora>17 && hora<24){
newClassForDiv = "noche";
}
document.getElementById("example").className = newClassForDiv;
}
	</script>
</head>
 
<body onload="cargarImagen()">
 
<div id="example" class="">
</div>
 
</body>
</html>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de ScriptShow
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Ejectar javascript al cargar la pagina

Publicado por ScriptShow (692 intervenciones) el 15/02/2019 12:08:25
Saludos Fernando,

con esto comprobamos que el Script funciona...

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<html>
<head>
<script>
function cargarImagen(){
ahora=new Date();
hora=ahora.getHours();
if(hora<8){
newClassForDiv = "default";
}
 
if(hora>7 && hora<12){
newClassForDiv = "mañana";
}
 
if(hora>11 && hora<18){
newClassForDiv = "mediodia";
}
 
if(hora>17 && hora<24){
newClassForDiv = "noche";
}
 
document.getElementById("example").innerHTML = newClassForDiv;
}
</script>
</head>
<body onload="cargarImagen()">
<div id="example" class="">
</div>
</body>
</html>

Este ejemplo lo demuestra:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<html>
<head>
<style>
.default {height:40px;background:#DFDFDF}
.mañana {height:40px;background:#DDDD44}
.mediodia {height:40px;background:#44DDDD}
.noche {{height:40px;background:#4D4D4D}
}
</style>
<script>
function cargarImagen(){
ahora=new Date();
hora=ahora.getHours();
if(hora<8){
newClassForDiv = "default";
}
 
if(hora>7 && hora<12){
newClassForDiv = "mañana";
}
 
if(hora>11 && hora<18){
newClassForDiv = "mediodia";
}
 
if(hora>17 && hora<24){
newClassForDiv = "noche";
}
 
document.getElementById("example").className = newClassForDiv;
}
</script>
</head>
<body onload="cargarImagen()">
<div id="example" class="">
</div>
</body>
</html>

Revisa el CSS-Style y la posición con respecto al Script. Sitúa primero el CSS y seguido el código JavaScript.

Espero sea útil.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil
Val: 14
Ha aumentado 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Ejectar javascript al cargar la pagina

Publicado por fernando (8 intervenciones) el 15/02/2019 12:12:24
esque lo pruebo asi tal cual sin css ni nada asi tal cual y no me funciona nose porque. en cualquier editor online o cualquier prueba asi funciona. Pero al cargarlo tal cual como esta aqui sin css ni nada al localhost no me funciona no carga el js, y en produccion con un dominio igual. deberia funcionar nose porque no funciona
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de ScriptShow
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Ejectar javascript al cargar la pagina

Publicado por ScriptShow (692 intervenciones) el 15/02/2019 12:38:03
Lo que hemos visto hasta el momento, tiene que funcionar una vez que pongas el código en un archivo HTML, sin editor. Visualizándolo en un Navegador Web.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de xve
Val: 3.162
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Ejectar javascript al cargar la pagina

Publicado por xve (2100 intervenciones) el 15/02/2019 12:35:32
Hola Fernando, he probado tu código y me ha funcionado perfectamente!!!

Seguro que no te funciona??
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar