How to Add or Remove the javascript file using javascript function


We can use following functions for adding the Javascript file dynamically.
function AddJsFile(file) {
var script = document.createElement(‘script’);
script.src = file;
script.type = ‘text/javascript’;
script.defer = true;

document.getElementsByTagName(‘head’).item(0).appendChild(script);
}

Or We can use this also, both will work:
function AddJsFile(file)
{
document.write(”);
}

We can use following functions for adding the CSS file dynamically.

function AddCssFile(file) {
var stylesheet = document.createElement(‘link’);
stylesheet.href = file;
stylesheet.type = ‘text/css’;
stylesheet.defer = true;

document.getElementsByTagName(‘head’).item(0).appendChild(stylesheet);
}

Or We can use this also, both will work:
function AddCssFile(file)
{
document.write(”);
}

We can use the following code for remving the JS the files.

function RemoveJsFile(file) {
var alljs = document.getElementsByTagName(“js”)
for (var i = alljs.length; i >= 0; i–) {
if (alljs[i] && alljs[i].getAttribute(“src”)!= null && alljs[i].getAttribute(“src”).indexOf(file)!=-1)

alljs[i].parentNode.removeChild(alljs[i])
}

}

We can use the following code for remving the CSS the files.
function RemoveCssFile(file) {
var allcss = document.getElementsByTagName(“css”)
for (var i = alljs.length; i >= 0; i–) {
if (allcss[i] && allcss[i].getAttribute(“href”)!= null && allcss[i].getAttribute(“href”).indexOf(file)!=-1)

allcss[i].parentNode.removeChild(allcss[i])
}

}

Advertisements
This entry was posted in PHP and tagged by Purab Kharat. Bookmark the permalink.

About Purab Kharat

I am WordPress and Drupal Architect. I worked on many technologies like Ruby on Rails, Flex, PHP etc... I am Purab Kharat from India, Pune. I love to play chess and listen music and read books. I work in SY Smartsourcing Global Pvt Ltd in Princeton, NJ, USA. Now I am living at Plainsboro, 164 Hampshire Drive, Princeton Meadows, NJ. I have more then Ten years experience in Web Application Development (Specially in Php 5.0, Ruby on Rails, Mysql 5.0, RIA, Wordpress, Drupal, Joomla, Ecommerce)

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s