prettyPrint () no recibe llamadas en la carga de la página
Estoy intentando pretender mi código en Blogger. He vinculado los archivos de Google JS y CSS a mi plantilla. El problema es que quiero que el código sea prettificado en la carga de la página, así que agregoprettyPrint(); para cargar el evento de la página en la plantilla.
<body onload="prettyPrint();">
Este código no se ejecuta. Sin embargo, si escribo prettyPrint () manualmente en la consola, mis códigos se verifican correctamente. ¿Bloquea la plantilla de blogger la invocación de funciones JS manualmente?
EDITAR Hago que funcione invocando manualmente la función en cada publicación en la que necesito un código de certificación (ver más abajo). Aún así, quiero saber por qué no puedo hacerlo en la plantilla.
<pre class="prettyprint linenums lang-js">
function testCode(){
}
</pre>
// I have to do this in every post :-s
<script type="text/javascript">
prettyPrint();
</script>
Editar 2 losLeer dijo que no debería usarprettyPrint() directamente como un controlador, pero envolverlo en un cierre en su lugar. Así que agregué este código, similar al ejemplo en README, en mi<head> pero fue en vano.
<script type='text/javascript'>
window.addEventListener('load', function (event) { prettyPrint() }, false);
</script>
O
<script type='text/javascript'>
document.addEventListener('DOMContentLoaded',function() {
prettyPrint();
});
</script>
EDITAR 3 Mi plantilla HTML es solo la plantilla predeterminada de Dynamics View (clásica) con la biblioteca prettify agregada como se explicó anteriormente.
EDITAR 4 Aquí hay un enlace para demostrar el problema:http://testprettyprint.blogspot.com/2013/02/blog-post.html - el bloque de código no se realiza automáticamente, pero si abre la consola de Chrome y escribe prettyPrint (), los códigos se resaltarán correctamente.
EDITAR 5 La razón por la que creo que es mi problema, no de los bloggers, porque este tipo aún tiene su código prettificado utilizando la misma técnica:http://errorbuster.blogspot.com/2012/07/prettify-syntax-highlighter-for-blogger.html
Editar 6 Como Jeffery To señaló en su respuesta, Dynamics View carga el contenido del blog con AJAX, por lo que cualquier llamada JS en la carga de documentos se ejecutará ANTES de que se cargue el contenido real. Por lo tanto, cualquier JavaScript realizado en el contenido real del blog, no en el documento, no es válido. Así que supongo que la pregunta ahora es cómo enlazar con Dynamics Viewajax:complete evento, si existe tal cosa, pero dudo que la haya. Gracias a todos los que han respondido. No estoy seguro de si esto se puede contar como un error, pero presentaré un problema con blogger.
CONCLUSIÓN Por favor lea la respuesta de Jeffery To. Encontró el evento para invocar la función.