如何根據查詢字符串在頁面上顯示內容？

-1

我正在與使用供應商的基於Web的應用程序的團隊合作。當人們註銷時，他們被重定向到登錄頁面，在那裏我們想添加一條消息。我們無權更改代碼（它是雲託管的），但我們可以在URL中傳遞查詢字符串參數。如何根據查詢字符串在頁面上顯示內容？

我們可以這樣做：

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

從那裏，我想在H2或東西來顯示信息。我們可以自定義頁面的HTML，CSS和JS，但我們無法訪問應用程序的源代碼（否則我會在PHP中執行此操作）。

我認爲我可以使用JS來改變一些CSS，但在我所有的試驗中，我無法讓CSS實際改變。

來源

2016-08-19 Alistair

請添加一些您試圖使其工作的代碼片段。這樣我們就可以瞭解到你卡在哪兒了。 – Misam

試試！重要的是要改變CSS？只是一個臨時解決方案，直到您可以編輯實際的代碼。

來源

2016-08-19 07:17:13 Darrennchan8

檢查這個答案：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 
}

來源

2016-08-19 07:22:15

從上面你的問題，我剛認識，你需要一段代碼來顯示一些信息您的登錄頁上的查詢字符串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結構。

來源

2016-08-19 08:08:13

謝謝！這是真正幫助的唯一評論。 – Alistair

如何根據查詢字符串在頁面上顯示內容？

回答

相關問題