¿Cómo puedo incluir un archivo javascript externo que contenga el código ColdFusion?

Question

Tengo algunos archivos ColdFusion que usan el mismo código JavaScript. Quiero separar el javascript en un archivo .js e incluirlo en cada uno de los archivos para no tener que repetir todo varias veces. Por lo tanto, me separé del código JavaScript en un archivo denominado "myPage.js", y en "myPage.cfm" He incluido una etiqueta de script -

<script language="javascript" src="myPage.js"></script> 

El problema es que hay algún código de ColdFusion se extendió entre el javascript que inyecta valores usando <cfoutput> sy demás, y eso ya no se traduce correctamente, probablemente porque está tratando de leerlo como javascript puro. ¿Hay alguna manera de que pueda tener un archivo js externo pero indicar que quiero que use coldfusion para interpretarlo también?

Una solución que he encontrado es colocar el javascript en un archivo coldfusion en lugar de un archivo javascript, llamado "myPageJavascript.cfm", rodear todo el código javascript en una etiqueta <script type="text/javascript">, y luego usar un cfinclude para incluir ese javascript en todas las páginas. Esto funciona bien, pero no me parece tan intuitivo como incluir un archivo js ... ¿Cuál es la práctica estándar para situaciones como esta? ¿Hay alguna forma de implementar esto como un archivo js externo, o debería simplemente adherirme a mi archivo de plantilla coldfusion?

Answer 1

Otras respuestas son más elegante y eficiente, pero el camino más fácil es cambiar la extensión del archivo de .js a .cfm como tal:

<script language="javascript" src="myPage.cfm?id=#createUuid()#"></script> 

El createUuid() está ahí para previene el almacenamiento en memoria caché, suponiendo que la salida del archivo diferirá, muy probablemente en función de las variables del ámbito session. El cliente carga esto como JavaScript, mientras que el servidor lo procesa como ColdFusion. Puedes hacer lo mismo con las hojas de estilo también.

Ahora, si tu JavaScript depende de los valores de la página de llamada puede pasar a lo largo de la URL:

<script language="javascript" src="myPage.cfm?name1=value1&name2=value2"></script> 

En esta situación, puede en realidad puede tomar ventaja de almacenamiento en caché cuando los mismos parámetros de URL se pasan.

En general, este enfoque puede ser mucho menos esfuerzo que el código de refactorización para mantener el archivo .js "puro", mientras que la salida de las variables depende de antemano en un bloque <script/>.