Как показать контент на странице на основе строки запроса?

Question

Я работаю с командой, использующей веб-приложение поставщика. Когда люди выходят из системы, они перенаправляются на страницу входа, где мы хотели бы добавить сообщение. У нас нет доступа к изменению кода (это облако), но мы можем передать параметр строки запроса в URL.

Мы можем сделать что-то вроде:

http://our.site.com?logout=true 

От там, я хотел бы, чтобы отобразить сообщение в h2 или что-то.

Мы можем настроить HTML, CSS и JS страницы, но у нас нет доступа к источнику приложения (иначе я бы сделал это на PHP).

Я предполагаю, что я могу использовать JS для изменения CSS, но во всех моих испытаниях я не могу заставить CSS фактически измениться.

Answer 1

ПОИСК! Просто временное решение, пока вы не сможете редактировать фактический код.

Answer 2

Проверить этот ответ: Get url parameter jquery Or How to Get Query String Values In js

var logout = getUrlParameter('logout'); 
if(typeof logout !== "undefined") 
{ 
    // show some div with display: none 
    // or put some content to the existing div 
} 

Answer 3

Ваш вопрос выше, я просто понять, что вам нужен кусок кода, чтобы показать какое-то сообщение на странице входа в систему на основе строки запроса received.Following это фрагмент кода, который вы можете добавить в нижний колонтитул вашей страницы входа html (так как у вас есть доступ к html).

<script type="text/javascript"> 
    function getParamValue(querystring) { 
      var qstring = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); 
      for (var i = 0; i < qstring.length; i++) { 
      var urlparam = qstring[i].split('='); 
      if (urlparam[0] == querystring) { 
       return urlparam[1]; 
      } 
      } 
    } 
    if(getParamValue('logout')=='true'){ 
     var messageDiv = document.createElement("div");  // Creating a div to display your message 
     var message = document.createTextNode("You have successfully logged out."); // Preparing the message to show 
     messageDiv.appendChild(message);      // Appended the message in newly created div 

     var addIn = document.getElementById("login");  //just presuming there is a div having id="login" in which you want to prepend the message 
     addIn.insertBefore(messageDiv, addIn.childNodes[0]); //just appended the message on top of login div 
     //setting style in your message div 
     messageDiv.style.backgroundColor ="#FF0000"; 
     messageDiv.style.width ="100%"; 
    } 
    </script> 

Затем измените ссылку страницы входа, как это:

http://our.site.com/login.php?logout=true 

Примечание: Внимательно прочитайте комментарии код для редактирования кода в соответствии с вашей HTML структуры.