Home » Php » php – CodeIgniter: How do I include a .js file in view?

php – CodeIgniter: How do I include a .js file in view?

Posted by: admin July 12, 2020 Leave a comment


Where and how do I include .js files in Views in CodeIgniter?

I have tried this:

<script type="text/javascript" src="system/application/libraries/jquery.js"></script>

As I figured that the index.php is the one that is loading the views, so I’m guessing that every time a page is loaded the current dir path is at root because index.php is located at root. Is this true?

The above line doesn’t so I am doing something wrong. I have a CodeIgniter project. The path is like this:


so which path should I use to include my jquery.js file which is located in


when I want to load the jquery.js file in a View located here:

How to&Answers:

It’s not the “index.php” file that is the view. The view is whatever is loaded in your controller when you do a


The file “viewname.php” can then include the .js files, just as a normal .html (or .php) file would:

<script  src="/url/to/javascript.js" />

You may want to create a default view or a “header” view that includes some or all of the (common) .js files for your project.



There is a lesser-known solution that works really well with clean syntax and much more portability than hard-coding URL’s or relative files.

<base href="<?=base_url();?>">

<img src="images/logo.gif" alt="Logo" />

Read more about how, what, why on my article “Asset handling in CodeIgniter with the BASE tag“.


First question:

It depends if you use absolute or relative urls.

Absolute urls go from the root of your domain. Relative urls are loaded relative from the current directory (including the url segments).

Second question:
It’s best to use an absolute URL. Because of the pretty urls, it’s not recommended to use relative urls.

The easiest way is to use the url helper and then use the site url function like this:

echo site_url('system/application/libraries/jquery.js');

Ps. I recommend to put things like javascript and images outside of the CodeIgniter directory.


base_url() always works fine for me


Here is a solution specifically relevant to the OP which I didn’t think anyone else provided.

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

So, base_url() will provide a path direct to the root of your site.


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

base_url() will provide the url of the site


The easiest way you can directly access the file:

<img src="http://localhost/ci/you_dir/your_img/your_image.png" />

where ci is for codeigniter.