मैं जावास्क्रिप्ट फ़ाइलों को सर्वर-साइड कैसे शामिल करूं?

Question

मैं कॉपी-पेस्ट और क्लाइंट से लोड होने वाली एकाधिक जेएस फ़ाइलों को रोकने के लिए, सर्वर पक्ष पर, जेएस फ़ाइल को किसी अन्य जेएस फ़ाइल के अंदर शामिल करना चाहता हूं। जैसे ही PHP ('file.js') शामिल होगा जैसे PHP करेगा।

Answer 1

Supercharging javascript आलेख सुझाव - PHP के साथ आप अपनी सभी .js फ़ाइलों को पढ़ सकते हैं और एक बड़ी जेएस फ़ाइल बना सकते हैं जिसे आप एक टुकड़े में भेज देंगे।

इस लेख से उदाहरण का सरलीकरण, बस प्राप्त करने के लिए है कि आप आरंभ:

<?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'"); 
    } 
} 
?> 

मैं भी अधिक जानकारी प्राप्त करने पूरा लेख पढ़ने के लिए Supercharging JavaScript in PHP की सिफारिश करेंगे।

Answer 2

वहाँ किसी JavaScript फ़ाइल अन्य JavaScript फ़ाइलों को शामिल करने के लिए रास्ता बनाया गया है कोई ... लेकिन आप डोम में उन्हें जोड़ सकते हैं ->

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); 
} 

उदाहरण उपयोग:

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

Answer 3

आप स्क्रिप्ट लोडर का उपयोग करना होगा और मैं ट्विटर पर काम करने वाले डस्टिन डाएज़ द्वारा script.js की सिफारिश करना चाहता हूं। Project Page on Github। यहाँ कैसे आप इसे का उपयोग यह सोचते हैं आप एक jQuery प्लगइन एक पृष्ठ यहाँ से लोड करना होगा है आपको क्या करना चाहिए

// 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 :) 
}) 

उदाहरण परियोजना पृष्ठ से भी है। आप निम्नलिखित चरणों का

1. लोड script.js पहले
2. अब निर्भरता लोडर स्क्रिप्ट लोड करता है कि अन्य सभी लिपियों async चाहता था
[निर्भरता लोडर स्क्रिप्ट की सामग्री की तरह ऊपर होगा] शामिल फ़ाइल का पालन करना चाहिए रहे हैं

Answer 4

JSfile = "1.js, 2.js, 3.js" पाश के लिए

यह

document.write();