How to call window load event on specific page

Question

I want to call windows.load event on specific page. I am doing like this ..

$(window).load(function(){

  if(document.URL == "/car-driving.html")
  {
    overlay.show();
    overlay.appendTo(document.body);
    $('.popup').show();    
    return false;
  }
});

Here I am trying to show overlay based on page load, but its not working. If I remove if condition then overlay is showing in every page. How to make it specific to only my car-driving.html page so that if anyone visit car-driving.html page, then it will show overlay ?

Answer 1

Try

 if (window.location.href.match('car-driving.html') != null) {
   overlay.show();
    overlay.appendTo(document.body);
   $('.popup').show();    
   return false;
  }

Hope It Helps

Answer 2

document.URL returns the whole url ex: "http : / / stackoverflow.com/questions/17970734/how-to-call-window-load-event-on-specific-page"

You'll have to use a regex match or indexOf

edit or better yet

document.location.pathname ==

Answer 3

Try displaying the value of the href in an alert and you will see what you need to match:

$(document).ready(function(){
    alert(window.location.href);
});

Answer 4

Hello i Use this and working well for me

 <script> $(window).load(function() { setTimeout(function() { $('#onload').modal('show'); }, 10000); } function delayer() { window.location = 'Your Desired URL'; } ); </script> 

Here .model is my popup div class