How to add a custiomized javascipt into a template

Register the script first, then ask WP to enqueue it :

function add_my_script() {
   wp_register_script('av_s', get_template_directory_uri() . '/js/av_s.js', array('jquery'));
   wp_register_script('jquery', '//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js', array('jquery'),'1', true);
   wp_enqueue_script('av_s');
   wp_enqueue_script('jquery');
}
add_action( 'wp_enqueue_scripts', 'add_my_script' );

Returns in <head>:

<script type="text/javascript" src="https://wordpress.stackexchange.com/questions/184882/{sitename}/wp-content/themes/twentytwelve/js/av_s.js?ver={version}"></script>