One JS File for Multiple Pages [closed]

by

I like Paul Irish’s approach… you don’t have to follow it exactly, but the general idea is a very solid one.

It might look something like this for your example

Html

<body id="share">

Your page specific javascript

YourNamespace = {
  share : {
    init : function(){
      // Place the logic pertaining to the page with ID 'share' here...
    }
  }
}

Paul Irish’s Javascript that makes the magic happen

UTIL = { 
  fire : function(func,funcname, args){
    var namespace = YourNamespace;  // indicate your obj literal namespace here

    funcname = (funcname === undefined) ? 'init' : funcname;
    if (func !== '' && namespace[func] && typeof namespace[func][funcname] == 'function'){
      namespace[func][funcname](args);
    }
  }, 

  loadEvents : function(){
    var bodyId = document.body.id;

    // hit up common first.
    UTIL.fire('common');

    // do all the classes too.
    $.each(document.body.className.split(/\s+/),function(i,classnm){
      UTIL.fire(classnm);
      UTIL.fire(classnm,bodyId);
    });

    UTIL.fire('common','finalize');
  }
};

// kick it all off here 
$(document).ready(UTIL.loadEvents);

So the line you see directly above will kick off the following

YourNamespace.common.init()
YourNamespace.share.init()
YourNamespace.common.finalize()

Have a read of his blog post and a few of the variations linked from it.

More Related Contents:

  1. How to save svg canvas to local filesystem
  2. Convert a directory structure in the filesystem to JSON with Node.js
  3. Web application access user’s file system
  4. Javascript unknown error
  5. What does “this” refer to in arrow functions in ES6?
  6. Origin null is not allowed by Access-Control-Allow-Origin
  7. Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’
  8. JavaScript for…in vs for
  9. Angularjs Uncaught Error: [$injector:modulerr] when migrating to V1.3
  10. How to use onClick() or onSelect() on option tag in a JSP page?
  11. Using http rest apis with angular 2
  12. Uncaught TypeError: Illegal invocation in JavaScript
  13. Converting any string into camel case
  14. How do I POST with multipart form data using fetch?
  15. Find the exact height and width of the viewport in a cross-browser way (no Prototype/jQuery)
  16. What is the best way to limit concurrency when using ES6’s Promise.all()?
  17. How to know when all Promises are Resolved in a dynamic “iterable” parameter?
  18. ES6 classes : what about instrospection?
  19. How to make div fixed after you scroll to that div?
  20. Difference between “.innerHTML” and “.value” in JS
  21. How do I print debug messages in the Google Chrome JavaScript Console?
  22. Date.getDay() javascript returns wrong day
  23. Socket.io Client: respond to all events with one handler?
  24. Redeclaring a javascript variable
  25. Remove a character at a certain position in a string – javascript [duplicate]
  26. How to detect the installed Chrome version?
  27. Render value without data-binding
  28. jQuery Datepicker: Prevent closing picker when clicking a date
  29. Include Arabic characters in JavaScript regular expression?
  30. nginx: send all requests to a single html page

Leave a Comment