title: Dynamically Importing JavaScript
body: <p>What is the correct way to dynamically import JavaScript (.js) files into a parent JavaScript code, please?</p>
  
  <p>I am using the following code, but it seems not correct:</p>
  
  <pre><code>    function loadjscssfile(filename, filetype)
  {
      //if filename is a external JavaScript file
      if (filetype=="js")
      {
          var fileref=document.createElement('script');
          fileref.setAttribute("type","text/javascript");
          fileref.setAttribute("src", filename);
      }
      //if filename is an external CSS file
      else if (filetype=="css")
      {
          var fileref=document.createElement("link");
          fileref.setAttribute("rel", "stylesheet");
          fileref.setAttribute("type", "text/css");
          fileref.setAttribute("href", filename);
      }
      if (typeof fileref!="undefined")
      document.getElementsByTagName("head")[0].appendChild(fileref)
  }
  </code></pre>
  
  <p>I think, the code is not correct, because, in the master JavaScript code, I can no read variables defined in the imported code, such as:</p>
  
  <pre><code>var fileRef = loadjscssfile('Language/svk.js', 'js');
  alert("Pet Name: " + PETNAME);
  </code></pre>
  
  <p>imported svk.js file contains the only code:</p>
  
  <pre><code>// JavaScript Document
  var PETNAME = "Beauty";
  </code></pre>
  
  <p>Thank you.</p>