Codeigniter: How to include javascript files

You need to use the base_url() to include the javascript file in your VIEW.

So, in the view_demo.php file:

<script type="text/javascript" src="<?=base_url()?>js/jquery.js" ></script><script type="text/javascript" src="<?=base_url()?>js/ajax.js" ></script>

You will need the URL helper loaded. To load the helper you need to put on your demo.php controller:

$this->load->helper('url');

You can also autoload on \config\autoload.php on the helpers array.

More info about base_url(): http://www.codeigniter.com/user_guide/helpers/url_helper.html#base_urlhttps://codeigniter.com/user_guide/general/styleguide.html#short-open-tags

You wouldn't include JS files within the PHP, they would be output as script tags within the HTML you produce which you may be producing as output from the PHP script.

As far as I know, there is no built in CodeIginiter function to include this output like there is for CSS using the link_tag() function provided by CI. I've added a function called script_tag() to the system/helpers/html_helper.php file from CI. The function is:

if ( ! function_exists('script_tag')) {    function script_tag($src = '', $language = 'javascript', $type = 'text/javascript', $index_page = FALSE)    {        $CI =& get_instance();        $script = '<scr'.'ipt';        if (is_array($src)) {            foreach ($src as $k=>$v) {                if ($k == 'src' AND strpos($v, '://') === FALSE) {                    if ($index_page === TRUE) {                        $script .= ' src="'.$CI->config->site_url($v).'"';                    }                    else {                        $script .= ' src="'.$CI->config->slash_item('base_url').$v.'"';                    }                }                else {                    $script .= "$k=\"$v\"";                }            }            $script .= "></scr"."ipt>\n";        }        else {            if ( strpos($src, '://') !== FALSE) {                $script .= ' src="'.$src.'" ';            }            elseif ($index_page === TRUE) {                $script .= ' src="'.$CI->config->site_url($src).'" ';            }            else {                $script .= ' src="'.$CI->config->slash_item('base_url').$src.'" ';            }            $script .= 'language="'.$language.'" type="'.$type.'"';            $script .= ' /></scr'.'ipt>'."\n";        }        return $script;    }}

Then in your PHP code you can do:

echo script_tag('content/js/jquery-1.4.2.js');

I store my javascript in a subdirectory of my view folder so the file path is relative to the view being called and I omit the base_url().

Another technique I adopted was to define an array of scripts to include in my controller, then loop through the array in my view to include them. This allows me to include specialty js functions only when needed.

$data['scripts to load'] = array('edit.js', 'menu.js', 'contact.js');$this->load->view('myview');

Then in the view

 <?php foreach($scripts_to_load as $script):?>     <script type='text/javascript' src = 'my_js/<?php echo $script;?>'> <?php endforeach;?>

If you have script files that get loaded on every page, you can hard code them in your footer view like is described in the other answers.