Cargar varios archivos de JavaScript
Permita que su sitio web de CONTENTdm use varios archivos de JavaScript.
La herramienta de configuración de sitios web de CONTENTdm tiene un único cuadro de diálogo para cargar JavaScript (Configuración global > Personalizar > Scripts personalizados). Esto es conveniente si solo tiene una función personalizada que desea aplicar a su sitio, pero puede volverse difícil de mantener si un archivo JavaScript monolítico necesita realizar varias tareas diferentes en distintas páginas y contextos. La solución es crear un script de carga que pueda vincular archivos JavaScript independientes y autónomos.
La idea aquí es un único archivo JavaScript que no hace más que recuperar y cargar archivos JavaScript adicionales. Esos archivos JavaScript independientes aún deberán adherirse al ciclo de vida de eventos de CONTENTdm y ejecutarse en el momento adecuado. La ventaja de este enfoque es que cada uno de estos archivos JavaScript es autónomo y portátil. No hay interdependencias entre los archivos de script que están siendo cargados.
Debido a que la herramienta de configuración de sitios web de CONTENTdm admite la carga de un solo archivo JavaScript en el cuadro de diálogo Scripts personalizados, los archivos JavaScript adicionales se pueden almacenar en otra ubicación utilizando el administrador de archivos en el cuadro de diálogo Páginas personalizadas. Para obtener más información sobre el administrador de archivos, consulte Uso del administrador de archivos.
Este script de ejemplo de cargador utiliza JavaScript y promesas para leer los archivos JavaScript externos e insertarlos en el DOM. Este script de carga está diseñado para ejecutarse automáticamente y no se activa por un evento en el ciclo de vida de la página. Los scripts externos deberán cumplir con el ciclo de vida para asegurarse de que se ejecuten en el momento adecuado y en las páginas adecuadas.
La sección inferior del script es donde usted configura la ruta del archivo y los nombres de los archivos JavaScript externos que se están cargando. En este ejemplo, se utilizó el administrador de archivos Páginas Personalizadas para crear una carpeta denominada «js» y los archivos JavaScript adicionales se cargaron en esa carpeta. En la sección inferior:
- Reemplace /customizations/global/pages/js/' con su carpeta de JavaScript en
// la ruta correspondiente al directorio donde se suben los scripts JS
const fileDirectory = '/customizations/global/pages/js/'; - Actualice 'example1.js', «ejemplo2.js» y «ejemplo3.js» con sus archivos de script en
// matriz que contiene los nombres de archivo de cada archivo JS
const scriptFilesToLoad = [
«ejemplo1.js»,
«ejemplo2.js»,
«ejemplo3.js»
];