Código javascript que no detiene la renderización de páginas incrustar

StackOverflow https://stackoverflow.com/questions/2182355

  •  24-09-2019
  •  | 
  •  

Pregunta

Me gustaría incrustar un número desde otra página. La llamada a distancia es pequeña (sólo devuelve un número), pero me gustaría la página para mantener la carga, mientras que la solicitud se haya extinguido. ¿Cómo debería hacerlo? Que estoy haciendo actualmente 

<span id="target">Loading ...</span>
<script>
var cb = function(data) {
    document.getElementById("target").innerHTML = data; 
}
</script>
<script src="http://webnumbr.com/webnumbrs.latest.json(callback=cb)"></script>

estoy abierto a los cambios del lado del cliente o del servidor. Sólo el código mínimo para el cliente incrustar mejor

¿Fue útil?

Solución

La recomendación "oficial" (ver reglas ) es poner todo JavaScript en la parte inferior del archivo HTML. El contenido de cada etiqueta serán evaluados antes de que continúe la representación, como el resultado de la secuencia de comandos podría afectar aún más la representación (piense en document.write()).

Otros consejos

Sinceramente,

Creo que la mejor manera puede ser simplemente ponerlo en una instrucción onLoad() por lo que no se carga hasta que el documento ha rendido totalmente. Es similar a la respuesta de Tom, pero en este caso se eliminará la mayoría de los problemas que está experimentando DOM.

Creo que está utilizando AJAX para cargar el contenido de la página de la carga de la página actual, asegúrese de que su AJAX llamada es asíncrona , y actualizar el control "webNumbr_webnumbrs" sólo después de la finalización exitosa.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top