2017-08-28 149 views
-2

aadsfdsf DF ASF DF dsafsdf dsfdsf自衛隊SDA fdsf ADSF dsfwe rfsafas werq dsaf WER ADSF sdafqwer ASDF網站開發

+0

是的,使用隱藏和顯示會導致巨大的性能問題。我會建議的是:1.創建一個搜索欄。 2.用戶輸入城市名稱,然後按「搜索」。 3.調用API(或從後端獲取數據),然後在頁面上呈現它。 – Zevgon

+0

@Zevgon Ur的方法是非常類似的,謝謝,如果你詳細說明如何在API中存儲內容並在頁面中調用相同內容,將會很感激。謝謝 – Baasu

+0

有很多選擇。如果你創建的是一個輕量級的應用程序,只需要很少的用戶自定義設置,並且你不需要自己存儲數據,那麼你可能會逃避使用API​​,例如[這是天氣](https:// openweathermap.org/api)。否則,我會建議創建一個更復雜的後端。一些流行的是[Django](https://www.djangoproject.com/)(Python),[Node.js](https://stackoverflow.com/questions/18597140/understanding-how-to-use-nodejs (JavaScript)和[Ruby on Rails](http://rubyonrails.org/)(Ruby) – Zevgon

回答

4

在我看來,你可以存儲在數據庫中,或JSON/XML /文本文件的數據。

然後,當用戶選擇不同的城市時,您會根據用戶的選擇加載內容。

您可以嘗試使用Web API以及其他Web服務以及數據庫/ noSQL的基本知識。

如果你在你的顯示列表中的多個城市,這將需要大量的時間來

最後加載你的頁面,你應該改變的問題標籤,題頭,以確定容易

更新: 如果你真的堅持使用JavaScript來顯示/隱藏市的內容,那麼你可以用我的例子嘗試:Show/hide div with javascript

我寫了一個簡單的(當然不是最優化),所以你可以想像怎麼能做完了。

var cityList = ["City1", "City2", "City3"]; 
var citypick = document.getElementById('mySelect'); 
citypick.onchange= displayFunction; 

function displayFunction() { 
    for(var i =0; i< cityList.length;i++){ 
     var selectCity = document.getElementById(cityList[i]); 
     if(selectCity.id == citypick.value){ 
     selectCity.style.display = 'block'; 
     } 
     else{ 
     selectCity.style.display = 'none'; 
     } 
    } 
} 
+0

我的網站內容並不是那麼龐大,我們可以使用數據庫。在網頁只有我們可以管理,但我的問題是如何管理這些部門thorugh隱藏和顯示方法或其他概念? – Baasu

+0

@Baasu檢查我的更新答案,然後 – Jacky

+0

謝謝@傑克它幫我 – Baasu