다른 페이지에 대해 다른 jQuery/JS 호출

Question

각기 다른 스크립트를 사용하여 여러 페이지에서 여러 개의 javascript가 실행되는 웹 사이트를 만들고 있습니다.

나는 모든 기능을 가진 하나의 js 파일을 갖고 싶지만 그 스크립트를 사용하지 않는 페이지의 모든 자바 스크립트 파일을 선언하고 싶지는 않습니다.

나는 (각 페이지에 사용되는 스크립트에 따라) 다른 클래스를 추가하고 나는이 방법을 사용하고 있습니다 :

if($('body').is('.wowJS')){  
     .... 
    } 

이이 작업을 수행하는 가장 효율적인 방법입니다? 다른 방법이 있습니까?

Answer 1

이 코드는 특정 페이지에 대해 javascript를 실행합니다.

var route = { 
    _routes: {}, // The routes will be stored here 

    add: function (url, action) { 
    this._routes[url] = action; 
    }, 
    run: function() { 
     jQuery.each(this._routes, function (pattern) { 
     if (location.href.match(pattern)) { 
      // "this" points to the function to be executed 
      this(); 
     } 
    }); 
    } 
} 

// Will execute only on this page: 
route.add('002.html',function(){ 
alert("Hello"); 
}); 

// You can even use regex-es: 
route.add('.*.html',function(){ 
alert("Hellodaa"); 
}); 

route.run();