How to run a script in certain pages only - jQuery

Question

In my web page I have some pages as /home, /about, /gallery, /contact.

On the I have a script as main.js . In this main.js script I have written some functions. Many of them is for all pages and just one function I don't want to enter to home page, is there any solution so I can control to which page which functions runs!

Actually want Im asking is, can I make this control by main Id or main class as > if on page exist #homepage don execute else execute , or similir to this idea ?

my king regards,

charlietfl · Accepted Answer · 2017-08-07 15:54:57Z

2

Can add a class (or classes) to the body tag that represents the page type(s).

Something like:

<body class="home">

Then check for that class:

function homePageOnly(){
  // home page only code
}

if($('body.home').length){
    homePageOnly();
}

answered Aug 7, 2017 at 15:54

charlietfl

172k14 gold badges125 silver badges154 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Chandra Kumar · Accepted Answer · 2017-08-07 15:54:42Z

0

The JavaScript would be:

<script type="text/javascript">
    //about
    if(window.location.pathname == '/about') {
        var head = document.getElementsByTagName('head')[0];
        var script = document.createElement('script');
        script.type = 'text/javascript';
        script.src = 'path/to/main.js';
        head.appendChild(script);
    }

    //gallery
    if(window.location.pathname == '/gallery') {
        var head = document.getElementsByTagName('head')[0];
        var script = document.createElement('script');
        script.type = 'text/javascript';
        script.src = 'path/to/gallery.js';
        head.appendChild(script);
    }
</script>

answered Aug 7, 2017 at 15:54

Chandra Kumar

4,2131 gold badge19 silver badges26 bronze badges

Comments

JPeter · Accepted Answer · 2017-08-07 16:03:45Z

0

Yes you can, create a separate file with individual scripts and then just import that file to the page that you want to execute such sript as <script type="text/javascript" src="path/to/script.js"></script>

answered Aug 7, 2017 at 16:03

JPeter

2191 silver badge16 bronze badges

Collectives™ on Stack Overflow

How to run a script in certain pages only - jQuery

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related