0

Подключаю скрипт с помощью <h:outputScript name="js/js-file.js" library="java" /> он виден во всем проекте (на каждой странице). И на странице, где он не используется, вылезает:

TypeError: XXX is undefined

Как ограничить видимость этого скрипта на определенной странице? Например, только на page1.xhtml.

Имеется ввиду, что h:outputScript прописывается в одном месте для всего проекта, и таких скриптов там много. Есть ли возможность как-то управлять их видимостью?

3
  • Можете показать пример кода, который должен выполняться только, условно, на странице page1.xhtml?
    – Cheg
    10 июл 2017 в 10:15
  • @Cheg <h:form id="form1"> <p:panel id="Panel" /> <h:outputScript name="js/js-file.js" library="XXX" /> </h:form>
    – Saint
    10 июл 2017 в 12:24
  • @Cheg выше приведена вырезка кода из разметки страницы page1.xhtml
    – Saint
    10 июл 2017 в 12:25

3 ответа 3

1

Если вы подключаете в шаблоне, то можете написать if который будет проверять URL и блокировать подключение если адрес не page_1. Пример:

<head>
    <?php if ($_SERVER["REQUEST_URI"] == "page_1"): ?>
    <script src="YOUR_SCRIPT.js"></script>
    <?php endif; ?>
</head>

Вообще в разных фреймворках это можно сделать более элегантным способом.

1

Такая ошибка, вероятнее всего, появляется, когда вы пытаетесь получить элемент по id, например, через document.getElementById('form1'), но элемента с id="form1" на странице нет нет.

Самый простой способ избежать этой ошибки - перед выполнением кода проверять, есть ли элемент на странице или нет:

if (document.getElementById('form1').length != 0) {
  // ваш код
  console.log('элемент с id="form1" на странице есть');
}
<div id="form1"></div>

0

Прописывать <h:outputScript /> только на той странице где используется или более того только в том компоненте с которым загружается. Если принципиально нужно записать подключаемый скрипты в <head> то используйте:

<h:outputScript target="head"/> 

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.