Используйте window.location в условии If для переключения между файлами CSS

Question

Я использую приведенный ниже код для загрузки файла CSS на основе элемента window.location .

<core:if test="${window.location.hostname == 'localhost'}">
<link href="././css/imageload.css" media="screen" rel="stylesheet" type="text/css" />
</core:if>

Тест всегда возвращает ложное событие, хотя window.location.hostname является 'localhost'. Это я проверил с помощью окна предупреждения.

Я что-то здесь не так делаю? Или есть другой способ сравнить элемент window.location.hostname?

(я использую Spring Framework. Внешний интерфейс - Javascript + CSS)

Answer 1

Core: if не является ключевым словом javascript и выполняется на стороне сервера.

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

Answer 2

Более быстрый способ:

<%@ taglib prefix="core" uri="http://java.sun.com/jsp/jstl/core" %>

<core:set var="hostName"><%=request.getServerName()%></core:set>
<core:if test='${hostName == "localhost"}'>
    <link href="././css/imageload.css" media="screen" rel="stylesheet" type="text/css" />
</core:if> 

Answer 3

не зная весны. ядро: если это тег, он кажется частью весны, а условие - js. Возможно ли совместное использование? в противном случае вы можете использовать только js для вставки тега ссылки. тогда логика будет вызываться при отображении страницы в веб-браузере.

<script>
  if( window.location.hostname == 'localhost' ) {
    document.write( "<link href='...' />" );
  }
</script>