Hola que tal

bueno pues basicamente lo que busco lograr es leer las variables de un archivo (.php) atravez de un archivo (.js) y asu vez mostrar esas variables leidas en un archivo (.html), para mostrar el contenido en html uso el codigo:

<script language="Javascript" src="archivo.js"></script>

en si el sistema que tengo integrado se necesito que se comunique asi:

el PHP se hace la consulta a la base de datos MYSQL y necesito que el JS leea las variables de la base de datos y mostrarlas en mi HTML...

¿Sera posible lograr tal coneccion?

Claro que sí, en Php debes armar un string que le devolverás a una función en JavaScript, luego esta función actualiza el HTML.

Para ello, ese string debe ser en formato JSON o XML (ambas tecnologías están disponibles en JS y PHP); para completar, debes usar un objeto HTTPXMLrequest.

Otra opción, crea el javascript en un archivo PHP, y haciendo la consulta ahí puedes imprimir las variables:

muchas gracias por las respuestas

lo e intentado de varias maneras pero creo que no lo estoy aplicando bien.

en mi php hago todo el proceso y despues imprimo las variables

<?php
header("Content-type: text/javascript");

// Coneccion a la base de datos
...

// proceso
...
$Contenido = $row[Contenido];

// imprimir las variables
echo "Contenido = '$Contenido';";
?>

En mi .js

document.getElementById("datos").innerHTML = "Contenido: " + Contenido;

 una vez que tengo todo lo mando llamar desde mi html use varias maneras para llamarlo sin exito

<script language="Javascript" src="archivo.js"></script>//forma 1

<script language="Javascript" src="archivo.php"></script> //forma 2

realmente debo admitir que soy nuevo en javascript no tengo mucha experiencia estaria muy agradecido si me pudiesen apoyar con este problema

@luis12345manuel

La idea es utilizar un solo fichero .php donde combines el php y el js. En cuanto cierras las etiquetas de php puedes incorporar el JavaScript como si fuera un fichero js.

Aún así, si quieres hacerlo por separado, debes llamar primero al fichero php que genera las variables, para después poder utilizarlas en el otro fichero.

Así como lo tienes, el código JS se ejecuta al cargar la página, pero sólo se cargan las variables, las instrucciones que pretendes actualicen el HTML intentarán ejecutarse pero no tendrán éxito debido que el HTML todavía no se ha cargado y el arbol DOM todavía no se ha generado.

En tal caso, y para que tengan efecto, incluye las acciones del DOM (getElementById y otras del tipo) dentro de una función 'window.onload(){ acá; }', pero ten en cuenta que sólo se ejecutarán una sola vez.

muchas gracias por toda la ayuda me funciono de maravilla efectivamente ya muestra las variables leidas en mi html :)