title: How can i add the js file only when the /user/settings html load
body: <p>I have a set of js files in the layout.phtml, but i dont need to load all the js files at once instead, i need to load on the individual pages. How can i do that.</p>
  
  <pre><code>&lt;?php echo $this-&gt;headScript()
          -&gt;appendFile($this-&gt;basePath() . '/js/jquery.js')
          -&gt;appendFile($this-&gt;basePath() . '/js/jquery-1.9.1.min.js')
          -&gt;appendFile($this-&gt;basePath() . '/js/jquery-ui.js')
          -&gt;appendFile($this-&gt;basePath() . '/js/bootstrap.min.js')
          -&gt;appendFile($this-&gt;basePath() . '/plugins/underscore/underscore-min.js')
          -&gt;appendFile($this-&gt;basePath() . '/plugins/moment/moment.js')
          -&gt;appendFile($this-&gt;basePath() . '/plugins/pace/pace.min.js')
          -&gt;appendFile($this-&gt;basePath() . '/plugins/wysiwyg/bootstrap3-wysihtml5.all.min.js')
          -&gt;appendFile($this-&gt;basePath() . '/plugins/validator/bootstrapValidator.min.js')
  
          -&gt;appendFile($this-&gt;basePath() . '/plugins/clock-picker/clockpicker.js')
  
          -&gt;appendFile($this-&gt;basePath() . '/plugins/bootstrap-calendar/js/calendar.js')
          -&gt;appendFile($this-&gt;basePath() . '/plugins/Chart.js-master/Chart.js')
          -&gt;appendFile($this-&gt;basePath() . '/js/respond.min.js', 'text/javascript', array('conditional' =&gt; 'lt IE 9',))
          -&gt;appendFile($this-&gt;basePath() . '/js/html5shiv.js',   'text/javascript', array('conditional' =&gt; 'lt IE 9',))
  
          -&gt;appendFile($this-&gt;basePath() . '/js/main.js')
          -&gt;appendFile($this-&gt;basePath() . '/js/profile.js')
          -&gt;appendFile($this-&gt;basePath() . '/js/profile_12.js')
          -&gt;appendFile($this-&gt;basePath() . '/js/profile_2.js')
          -&gt;appendFile($this-&gt;basePath() . '/js/profile_users_medical_events.js')
  
          -&gt;appendFile($this-&gt;basePath() . '/plugins/cropper/cropper.min.js')
          -&gt;appendFile($this-&gt;basePath() . '/js/profile-photo.js')
          -&gt;appendFile($this-&gt;basePath() . '/js/select2.min.js')
          -&gt;appendFile($this-&gt;basePath() . '/js/selectize.min.js')
          -&gt;appendFile($this-&gt;basePath() . '/js/new_appointment.js')
          -&gt;appendFile($this-&gt;basePath() . '/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.js')
          -&gt;appendFile($this-&gt;basePath() . '/js/users_profile_chart.js')
          -&gt;appendFile($this-&gt;basePath() . '/js/livestamp.min.js')
          -&gt;appendFile($this-&gt;basePath() . '/js/res.js')
  
          -&gt;appendFile($this-&gt;basePath() . '/js/rec.js')
          -&gt;appendFile($this-&gt;basePath() . '/js/settings.js')
  
       ; ?&gt;
  </code></pre>
  
  <p>What i need is load only the needed js file .</p>