Генерация ненавязчивый JS

Question

Я читал немного о ненавязчивым JS и как создать его и все, что джаз ...

Моя проблема заключается в следующем: У меня есть сайт, который в значительной степени опирается на mod_rewrite, поэтому в основном все запросы страниц отправляются на index.php, который генерирует основную структуру страницы, а затем включает соответствующую страницу. Теперь на сайте есть разные разделы, и в каждом разделе используются разные функции Javascript (например, для разных запросов AJAX).

Теперь, если бы я просто должен был подключить функцию к onload страницы, очевидно, что это не сработает, поскольку мне не нужно инициализировать одни и те же вещи для каждой страницы ... так что лучший способ справиться с этой ситуацией?

Я надеюсь, что ситуация ясна, я буду рад, если это необходимо уточнить

Answer 1

Nico, я бы предложил создать пользовательский код javascript с каждой включенной страницей (неважно, где на странице вы включаете тег скрипта), и, как предположил Мэтью, после того, как вы определите функцию, выполняемую при загрузке страницы, использовать addEventListener чтобы загрузить пользовательскую функцию на «нагрузки»
Допустим, вы определяете функцию pageinit() где-то в теле прилагаемого документа

function pageinit(){.. 
} 
window.addEventListener("load", function() { pageinit(); }, false); 

это имеет смысл для вашего проекта?

Answer 2

Вы можете использовать addEventListener (стандарт) или attachEvent в HTML, порожденный вспомогательных PHP страниц.

Синтаксис прост. Например.

document.addEventListener("load", someFunction, false); 

Это позволяет сгенерировать полный тег тела в index.php, но запускать разные обработчики нагрузки для каждой страницы. Также обратите внимание, что вы можете использовать это несколько раз для одного и того же элемента.

Answer 3

Я бы просто положил его в файл .js.

mysite_common.js - сайт широко распространенные утилиты и функции

mysite_page_a.js - уникальная функциональность для пролистывать

mysite_page_b.js - уникальная функциональность для страницы б

для страницы б включаемых б .js, а на странице a вы должны указать a.js

Тогда в ваших соответствующих unique.js вы можете объединить свои функции в ondomready или аналогично.

Держите его отдельно от вашего PHP, тогда это гораздо меньше раздражает позже, это также означает, что вы можете полагаться на кеширование для js, чтобы ваша страница загружалась более тонкой.

Вы также можете посмотреть такие вещи, как загрузчик YUI, который позволяет вам выполнять гораздо более сложные вещи, такие как ondemand загрузка бит функциональности js.

Вы можете использовать делегирование делегаций для обеспечения различных функциональных возможностей в зависимости от контекста.

В основном это работает, присоединяя прослушиватель событий к элементу контейнера, который захватывает клики по дочерним элементам.Затем вы можете покончить с отдельными слушателями событий, а также посмотреть подсказки от родителя. сказать:

<div id='container' class='page_a'> 
... 
    <input name='somename'> 
... 
</div> 

Тогда

var attachDelegates = function(container){ 
    container.onclick = function(e) { 
    e = e || window.event; 
    var t = e.target || e.srcElement; 

    //Your logic follows 
    if(t.name === 'somename'){ 
     dosomething(t); 
    } 
    if(t.className === 'someclass'){ 
     ... something else ... 
    } 
}; 

и onload = function(){attachDelegates('container');};

Функция attachDelegates может быть различным для каждой страницы, или вы могли бы иметь монолитную один и просто прикрепить подсказки к контейнеру или быть выборочно о том, какие классы вы присоединяете.

Это гораздо более когерентным объяснения и примеры:
http://cherny.com/webdev/70/javascript-event-delegation-and-event-hanlders
http://blog.andyhume.net/event-delegation-without-javascript-library

Лично я использую YUI3 http://developer.yahoo.com/yui/3/examples/node/node-evt-delegation.html

, поскольку это дает мне CSS3 селекторов стиля и довольно хлопот бесплатно до сих пор.