如何使我的displayString顯示我的字符串

Question

我試圖讓我的顯示字符串來顯示我的對象。 我是javascript新手，所以它可能是一個簡單的答案！

<script type="text/javascript">
    function displayString(){

        var hunterLibrary = {
            "Title": "Hunter Library",
            "Latitude": 35.313316,
            "Longitude": -83.179788
        };

        var hFRBuilding = {
            "Title": "HFR Building",
            "Latitude": 35.308959,
            "Longitude": -83.186385
        };

        var downtownDillsboro = {
            "Title": "Downtown Dillsboro",
            "Latitude": 35.36949,
            "Longitude": -83.252764
        };


        displayString =
            "" + hunterLibrary.Title + "</b><br/>" +
            "Latitude: " + hunterLibrary.Latitude + "<br />" +
            "Longitude: " + hunterLibrary.Longitude + "<br />" +
            "" + hFRBuilding.Title + "</b><br/>" +
            "Latitude: " + hFRBuilding.Latitude + "<br />" +
            "Longitude: " + hFRBuilding.Longitude + "<br />" +
            "" + downtownDillsboro.Title + "</b><br/>" +
            "Latitude: " + downtownDillsboro.Latitude + "<br />" +
            "Longitude: " + downtownDillsboro.Longitude + "<p></p>";

        console.dir(hunterLibrary);
        console.dir(hFRBuilding);
        console.dir(downtownDillsboro);

        document.getElementById("divDisplay").innerHTML = displayString;

        }
</script>
</head>
<body>
    <h1><b>Exercise 14: Creating and Using Javascript Objects</b></h1>
    <br />
    <div id="divDisplay"></div>

</body>
</html>

我只需要讓它在第二次加載頁面時顯示字符串即可。 目前，它僅顯示標題，僅此而已。

Answer 1

在<div id="divDisplay"></div>添加<script>displayString()</script> <div id="divDisplay"></div>

<body>
    <h1><b>Exercise 14: Creating and Using Javascript Objects</b></h1>
    <br />
    <div id="divDisplay"></div>
    <script>displayString()</script>
</body>
</html>

Answer 2

什么都沒有調用您的函數。 :)您所做的就是聲明該函數存在； 您已經教過該頁面如何顯示字符串，但實際上並沒有要求它執行此操作。

嘗試

window.onload(function() { displayString() });

PS-另外，如果您只是開始使用javascript，請訪問以下網址：www.jquery.com並學習它。 我自學了編碼（在某些方面我還是很業余的），並且很長一段時間都把學習圖書館放在一邊，對自己說：“我必須學習正確的方法……”。 是的，作為一項學術活動，請學習您的基礎知識。 但是，如果您想真正完成某件事，那就去學習jQuery，因為互聯網在過去5至8年中教會了您關於javascript可以做什么的所有事情，實際上是jQuery和類似庫可以完成的事情。 您可以建造自己的所有磚塊，然后建造房屋，但如果您還想在老之前住進去，則不可以。 ;）

UPDATE

嘗試使用此功能的版本； 使用較小的拼寫錯誤更容易解決（如果正確調用此函數，很可能是您的答案）：

function displayString(){
    var buildings = {
hunterLibrary:{
        "Title": "Hunter Library",
        "Latitude": 35.313316,
        "Longitude": -83.179788
    },
    hFRBuilding: {
        "Title": "HFR Building",
        "Latitude": 35.308959,
        "Longitude": -83.186385
    },
    downtownDillsboro: {
        "Title": "Downtown Dillsboro",
        "Latitude": 35.36949,
        "Longitude": -83.252764
    }
    };

    // save saves you the typing, and easier to debug
    var EOL = "</b><br />"
    var lat = "latitude";
    var long ="longitude";
    var displayString = '';

    for (b in buldings) {
        displayString += b.Title + EOL + lat + b.Latitude + EOL + long + b.Longitude + EOL;
    };

    document.getElementById("divDisplay").innerHTML = displayString;
    console.dir(buildings);
}

您的文檔應該去：

<html>
<head></head>
<body>
 <!---- all your page ------>
<script>
   //the function
  window.onload( displayString() );
</script>

Answer 3

首先，讓您的<script>首先加載DOM。 將<script>放在divDisplay 。 問題在於腳本無法找到div所在的位置並給出錯誤。

其次，避免聲明相同的變量或函數名稱。

如何使我的displayString顯示我的字符串

問題描述

3 個解決方案

解決方案1
1 2014-03-26 03:13:54

解決方案2
0 2014-03-26 02:56:35

UPDATE

解決方案3
0 已采納 2014-03-26 03:10:39

如何使我的displayString顯示我的字符串

問題描述

3 個解決方案

解決方案1 1 2014-03-26 03:13:54

解決方案2 0 2014-03-26 02:56:35

UPDATE

解決方案3 0 已采納 2014-03-26 03:10:39

解決方案1
1 2014-03-26 03:13:54

解決方案2
0 2014-03-26 02:56:35

解決方案3
0 已采納 2014-03-26 03:10:39