Как написать правильный HTML для встроенного Javascript внутри JSP?

По некоторым причинам, я должен загрузить два отдельных HTML-заголовка страницы на моей странице. Один из них - заголовок для мобильного просмотра, а другой - для рабочего стола. Остальная часть моей страницы является отзывчивой. Мой план заключается в загрузке HTML-файлов заголовков внутри JS, который загружается на загрузку страницы, и в зависимости от ширины страницы заполняет HTML-код правильного заголовка внутри моей страницы и надеется, что соответствующие JS и CSS загрузятся. Я делаю это, поскольку JS и CSS двух HTML-заголовков склонны к столкновению (и я не могу возиться с этими HTML-файлами), поэтому я хочу, чтобы они загружали только загрузку страницы.Как написать правильный HTML для встроенного Javascript внутри JSP?

Проблема заключается в написании HTML в JSP внутри этой встроенной JS. Я неоднократно получаю такие ошибки, как «Uncaught SyntaxError: Неожиданный токен ILLEGAL».

enter image description here

Мой код в JSP выглядит следующим образом:

  <c:when test="${not empty hdrLoggedInHtml and not empty hdrLoggedInHtml_M}"> 
       <script type="text/javascript"> 
        $(document).ready(function(){ 
          if($(window).width()>420) 
          { 
           $("#desktopHeader").html('<c:out value="${hdrLoggedInHtml}" escapeXml="false"/>'); 
           $("#mobileHeader").html("");           
          }else 
          { 
           $("#mobileHeader").html('<c:out value="${hdrLoggedInHtml_M}" escapeXml="false"/>'); 
           $("#desktopHeader").html(""); 
          } 

         }); 
        }); 
       </script> 

      </c:when>

Я попытался с помощью Fn: escapeXml, но это не сработало. Мне кажется, что новая строка после <html> внутри строки не получается правильно, или какой-то невидимый персонаж каким-то образом приближается. Пожалуйста, помогите.

источник

2015-01-20 zafar142003

положенный hdrLoggedInHtml в HTML узел, который является дисплей: нет перед ним, как:

<script> 
     var global = {} ; global.url = '${url}';global.data = $.parseJSON('${data}'); 
    </script>

, а затем положить сценарий в нижней части страницы JSP, вот один пример:

<script type="text/javascript"> 
       $(document).ready(function(){ 
         if($(window).width()>420) 
         { 
          $("#desktopHeader").load(global.url,global.data); 
          $("#mobileHeader").html("");           
         }else 
         { 
          $("#mobileHeader").html($('#')); 
          $("#desktopHeader").html(""); 
         } 

        }); 
       });

источник

2015-01-20 06:13:46 hirra

HTML внутри hdrLoggedInHtml загружает JS и CSS самостоятельно. Если я поместил это в div, то эти ресурсы загрузятся, и я не хочу этого. – zafar142003

Я меняю его, помещая его в тег скрипта – hirra

Я получаю ту же ошибку после попытки вашего подхода. – zafar142003

Как написать правильный HTML для встроенного Javascript внутри JSP?

ответ

Смежные вопросы