Add JS to the bottom of the page in Drupal 7

How to add JS at bottom of a particular page in Drupal 7

Step 1: Get the page id. In case of front page "is_front" 

Step 2: In template.php file of your theme add the below code :

function illume_preprocess_page(&$variables) {
  if ($variables['is_front']) {
    drupal_add_js(path_to_theme().'/js/util.js',
array('type' => 'file', 'scope' => 'footer'));
    drupal_add_js(path_to_theme().'/js/main.js',
array('type' => 'file', 'scope' => 'footer'));
    drupal_add_js(path_to_theme().'/js/slideimage.js',
array('type' => 'file', 'scope' => 'footer'));

    $variables['bottom_scripts'] = drupal_get_js();
  }
}

This way you can add JS file using drupal_add_js() and define scope as footer.

Step 3: Now you can use bottom_script variable to the page tpl file where you want to add JS

print $bottom_scripts;