Come posso includere file javascript lato server?

Question

Desidero includere il file JS all'interno di un altro file JS, sul lato server, per impedire il copia-incolla e il caricamento di più file JS dal client. Proprio come include ('file.js') come farebbe PHP.

Answer 1

As Supercharging javascript come suggerire l'articolo: con PHP puoi leggere tutti i tuoi file .js e creare un file big js che invierai in un unico pezzo.

questa è una semplificazione dell'esempio dall'articolo, solo per ottenere iniziare:

<?php 
define('SCRIPT_DIR', $_SERVER['DOCUMENT_ROOT'] . '/script/'); 

$files = array(
    'jquery.js', 
    'myLib.js', 
    'site.js' 
); 

header('Content-Type: text/javascript'); 
foreach (files as $file) { 
    if (@readfile(SCRIPT_DIR . $file) === false) { 
     error_log("javascript.php: Error reading file '$file'"); 
    } 
} 
?> 

Io consiglio anche di leggere l'articolo completo Supercharging JavaScript in PHP per maggiori informazioni.

Answer 2

ci nessun è costruito in modo da includere altri file JavaScript da un file JavaScript ... ma è possibile aggiungere nel DOM - utilizzo>

function addJavascript(jsname,pos) { 
    var th = document.getElementsByTagName(pos)[0]; 
    var s = document.createElement('script'); 
    s.setAttribute('type','text/javascript'); 
    s.setAttribute('src',jsname); 
    th.appendChild(s); 
} 

Esempio:

addJavascript('newExternal.js','body'); 

Answer 3

È dovrà utilizzare un caricatore di script e mi piacerebbe raccomandare script.js di Dustin Diaz che lavora su Twitter. Project Page on Github. Ecco come lo si utilizza a patto di avere un plugin jQuery per essere caricato in una pagina qui è che cosa si dovrebbe fare

// load jquery and plugin at the same time. name it 'bundle' 
$script(['jquery.js', 'my-jquery-plugin.js'], 'bundle') 

// load your usage 
$script('my-app-that-uses-plugin.js') 


/*--- in my-jquery-plugin.js ---*/ 
$script.ready('bundle', function() { 
    // jquery & plugin (this file) are both ready 
    // plugin code... 
}) 


/*--- in my-app-that-uses-plugin.js ---*/ 
$script.ready('bundle', function() { 
    // use your plugin :) 
}) 

esempio è anche da pagina del progetto. Qui ci sono passi che si dovrebbe seguire

1. carico il file prima
2. includono ora lo script loader dipendenza che carica tutte le altre volevano script asincrono [il contenuto dello script loader dipendenza sarebbe come sopra]
le script.js

Answer 4

JSfile = "1.js, 2.js, 3.js"

per loop

document.write();