Home > Style & Scripts > JavaScript > How to include external js,css files with javascript

How to include external js,css files with javascript

This post explains about how to include external javascript files (js files) and styles sheets (css files) using javascript. The following functions to include external javascript files and css(style sheet) files in a one javascript file.
 

JavaScript Function

function loadjscssfile(filename, filetype){
 if (filetype=="js"){ //if filename is a external JavaScript file
  var fileref=document.createElement('script')
  fileref.setAttribute("type","text/javascript")
  fileref.setAttribute("src", filename)
 }
 else if (filetype=="css"){ //if filename is an external CSS file
  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)
}

PHP code to include the javascript and css

To call this functions in one javascript file with

 echo "loadjscssfile('".BASEPATH."styles.css', 'css');";
 echo "loadjscssfile('".BASEPATH."functions.js', 'js');";

and in a php file starting of the page include below line to treat the php file as a javascript file.
 

Put this code starting of the file

<?php header("content-type: application/x-javascript"); ?>

Hope that it will be useful.

For more php headers http://www.anillabs.com/2011/04/examples-for-php-headers-301302404/

4 Responses

  1. Pingback : how to include external js,css files with javascript « ANIL KUMAR … – js - dowiedz się więcej!

  2. Pingback : how to include external js,css files with javascript « ANIL KUMAR … – javascript - dowiedz się więcej!

  3. Pingback : how to convert feeds to html using javascript and php - ANIL KUMAR PANIGRAHI 's Blog

  4. Heinz Stapff

    “and in a php file starting of the page include below line to treat the php file as a javascript file.”

    Do you mean the top of the php get file? Or Bellow the echo base path statement in that file.

    There realy is no clarity in what you have said or demonstrated. Sorry, I’m at a complete lose as to how to do this.