Как правильно вызвать JavaScript функцию вида $.function(); из PHP?

Question

[Владислав]

Имеется следующий JS Скрипт:

(function($) {

$.platform = {
    iPhone: navigator.userAgent.match(/iPhone/i),
    iPod: navigator.userAgent.match(/iPod/i),
    iPad: navigator.userAgent.match(/iPad/i),
    Android: navigator.userAgent.match(/Android/i)
}

$.platform.iOS = $.platform.iPhone || $.platform.iPod || $.platform.iPad;
$.platform.Mobile = $.platform.iOS || $.platform.Android;

$.extend({

    fixLinks: function(persist) {
        if ($.platform.iOS) {
            if (persist == null) persist = true;
            persist = persist && localStorage;
            if (persist) {
                var CurrentLocation = window.location.pathname+window.location.search,
                    StoredLocation = localStorage.getItem("location");
                if (StoredLocation && StoredLocation!=CurrentLocation) window.location = StoredLocation;
            }
            $('a').live('click',function(e) {
                e.preventDefault();
                if (persist && this.host==window.location.host)
                localStorage.setItem("location",this.pathname+this.search);
                window.location = this.href;
            });
        }
    },

    fixCookie: function (SessionCookieName) {
        if (localStorage && $.platform.iOS) {
            var CookieSession = document.cookie.match(new RegExp(SessionCookieName+"=[^;]+")),
                LocalSession = localStorage.getItem(SessionCookieName);
            if (CookieSession) {
                CookieSession = CookieSession[0].replace(SessionCookieName+"=","");
                if (LocalSession!=CookieSession) localStorage.setItem(SessionCookieName,CookieSession);
            } else if (LocalSession && LocalSession!=CookieSession) {
                document.cookie = SessionCookieName+"="+LocalSession+"; path=/";
                window.location.reload(true);
            }
        }
    }

});

})( jQuery );

Подскажите пожалуйста, как можно вызвать из PHP функции из этого скрипта, которые имеют вид: $.fixLinks(); Скрипт подключен вместе с библиотекой к PHP.

Comments

[barkalov]

У меня для вас плохие новости...

Answer 1

[Евгений Петров]

Что-то вы у себя в голове сложили, но не разобрали. Ничего, это мы сейчас поправим:)
PHP скрипты исполняются на сервере. Javascript скрипты исполняются на клиенте (например, в браузере). Они не работают вместе.

Код, что вы считаете кодом страницы, отдаётся сервером как text/html, и ровно так же разбирается браузером. Пока не начал работать HTML-парсер, никакие скрипты не JS-выполняются и не могут выполняться. А ваши PHP-скрипты давно закончили работу и к браузеру не имеют вообще никакого отношения.

Безусловно, есть вариант выполнения JS-скриптов на сервере (тот же Node.js), но код, что вы привели, предназначен для работы на клиенте.

В общем, $.fixLinks() можно вызвать только в браузере, но PHP к этому имеет отношение, как человек, бросивший письмо в почтовый ящик, к работе этой самой почты.

Comments

[Владислав]

@Petroveg Спасибо за подробное объяснение! Теоретический аспект вопроса полностью исчерпан. Правда практический по прежнему актуален. Как и в какой части html (body, head) требуется оформить запрос, чтобы функция выполнялась при загрузке страницы?

[Евгений Петров]

@rimosevskij ниже @MaxKorz написал вариант вызова независимо от места в коде страницы. Такой вариант вызова подразумевает наступление события DOMContentLoaded — DOM построен, можно заняться траверсом.

Вот только это — жесть
$('a').live('click', function(){})

Во-первых, этот метод давно deprecated, используем on().

Во-вторых, зачем нужно находить все ссылки и тратить на это ресурсы браузеры? При том, что на 99% ссылок никогда не кликнут.
Представьте, что в раковине гора грязных тарелок, вам нужна одна, а вы как дурак моете все. Понятно, что тут я какбэ пошутил, но правильно отслеживать всплытие (это ещё называют делегированием)
$(document).on('click', 'a[href]', function(){})

[Евгений Петров]

@rimosevskij стоп... Присмотрелся я, а там не то. Не @MaxKorz, а @darkgool написал то, что нужно

$(function () {
	$.fixLinks();
});

[Владислав]

да, спасибо, вроде заработало.

Answer 2

[Дима Барсуков]

Из php нельзя вызвать функции JS, тк когда php завершает работу на выходе мы имеем html. Но можно вставить кусок js кода, который выполнится при загрузке страницы, например

echo <<<EOL
$(function(){
  $.fixLinks();
});
EOL;