網站的同一頁面是否顯示基於傳遞變量的不同內容？

需要編輯這個職位，因爲我沒有正確的字，我的問題，問錯話網站的同一頁面是否顯示基於傳遞變量的不同內容？

我設計一個網站，我想知道是否有可能有文本塊顯示器基於條件變量的不同事物。

例如如果用戶通過網站上的某些操作具有不同的變量值，並且兩個用戶都點擊相同的「下一個」按鈕進入下一頁。基於先前的操作，假設用戶A將看到與假想用戶B不同的文本，但它們都將在同一頁面上。

這將是網頁上使用相同的HTML文件，但根據以前的數據內容會有所不同。這可能嗎？

我需要使用JS這一點，或者是簡單的東西，可以只用HTML做什麼？

任何幫助將不勝感激，謝謝！

來源

2016-01-25 user83676

爲什麼你需要刷新頁面時，你可以簡單的顯示/隱藏的內容，甚至更好裝載的動態內容。 – Arvind

新的答案在這裏

http://codepen.io/mariocatch/pen/OMQGap?role=manager http://codepen.io/mariocatch/pen/OMQGap?role=employee

快速codepen這需要查詢參數從URL。如果查詢參數包含role，那麼它得到值並顯示該角色特定的UI。

OLD答案這裏

下面是顯示了一些HTML一個例子，並調整其上被點擊按鈕基於div元素的含量。

HTML：

<div id="content"> 
    Who are you? 
</div> 
<hr> 
<button type="button" id="btn-foo"> 
    I am Foo 
</button> 

<button type="button" id="btn-bar"> 
    I am Bar 
</button>

的JavaScript

var fooBtn = document.getElementById('btn-foo'); 
fooBtn.addEventListener('click', function() { 
    var content = document.getElementById('content'); 
    content.innerHTML = 'Hello, I am Foo.'; 
}); 

var barBtn = document.getElementById('btn-bar'); 
barBtn.addEventListener('click', function() { 
    var content = document.getElementById('content'); 
    content.innerHTML = 'Hello, I am Bar.'; 
});

JSFiddle

來源

2016-01-25 04:52:53 mariocatch

嗨，謝謝你的回答！但是，我意識到我誤解了我的問題和一些問題，我實際上並沒有想要做的事情：你能閱讀我編輯的文章，並讓我知道是否仍然有解決方案嗎？謝謝！ – user83676

@ user83676答案用codepen鏈接更新爲可能的解決方案。 – mariocatch

完美！謝謝！ – user83676

您可以在該選項（如0和1）上添加點擊處理程序。在該處理程序中，您可以基於值爲0或1修改塊的文本。您可以通過document.getElementById（'blockId '）.text ='任何文本';

如果你想從服務器端的文本，然後更新塊那麼你可以讓Ajax調用或REST調用等，並在該呼叫的成功修改該塊的文本。

來源

2016-01-25 04:49:39

謝謝！如果選項從前一頁繼承，因此我已經有了變量（例如，它們實際上不是點擊選項，用戶1和用戶0都將點擊相同的「下一個」按鈕去到下一頁）。 – user83676

是的，在這種情況下，而不是點擊處理程序它將在頁面加載，即在js的開始，你可以得到url參數，並檢查該參數的值，並根據值的條件，如if paramValue == 0 then modifyBlock =''else modifiyBlock ='something else'。 –

你最好的選擇是使用URL參數。有一個簡短的指南使用jQuery來檢索他們here和類似的問題回答here。

來源

2016-01-25 04:54:17 illogicaljake

謝謝！我認爲這就是我打算做的。獲取參數後，我將如何在HTML/js/etc中實現條件？ – user83676

[Here's]（https://css-tricks.com/snippets/javascript/get-url-variables/）使用jQuery的簡短方法。希望這應該有助於清除它。此外，類似的StackOverflow問題[這裏]（http://stackoverflow.com/questions/19491336/get-url-parameter-jquery）。 :) – illogicaljake

網站的同一頁面是否顯示基於傳遞變量的不同內容？

回答

相關問題