如何在瀏覽器窗口中顯示此JavaScript代碼段的結果？

我很好理解console.log中發生了什麼，但我想在瀏覽器窗口中顯示代碼。我認爲我應該使用document.write，但我不確定這一點。如何在瀏覽器窗口中顯示此JavaScript代碼段的結果？

var friends = { 
bill: { 
    firstName: "Bill", 
    lastName: "Gates", 
}, 
steve: { 
    firstName: "Steve", 
    lastName: "Gates", 
} 
}; 

var list = function(friends){ 
for (var key in friends){ 
    console.log(key); 
} 
}; 

var search = function(name){ 
for (var key in friends){ 
    if (friends[key].firstName === name){ 
    console.log(friends[key]); 
    return friends[key]; 
    } 
} 
};

來源

2014-04-22 user3433451

我建議創建頁面上的元素，然後使用「element.innerHTML =東西」，把它放在網頁上。 – ndugger

您可以使用alert功能

alert("Hello World")

或者你可以使用

document.write("Hello World")

其輸出字符串「Hello World」的JS的位置在HTML代碼段。或者，您可以操縱DOM並在div或span標記上設置innerHTML。如果用一個ID添加標籤到HTML像這樣，

<span id="foo"></span>

你可以用

document.getElementById("foo").innerHTML = "Hello World"

當然設置HTML內容，如果你的問題是序列化您的函數的結果，使用JSON.Stringify

alert(JSON.stringify({"hello": "world", 3: "bar"}));

來源

2014-04-22 15:58:42 niklasfi

爲了顯示你的哈希你可以使用文件撰寫，但你需要「字符串」這樣的數據：

document.write(JSON.Stringify(friends));`

如果你想的東西更漂亮：

document.write(JSON.stringify(friends, null, "<br/>"))

文檔： https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify

來源

2014-04-22 16:00:48

另一種可能性是使用jQuery的html的（）到您的網頁上修改現有的HTML元素。

var showFriends=function(){ 
var x = JSON.stringify(friends,null,'</br>'); 
$('#myDiv').html('<p>'+x+'</p>'); 
};

的jsfiddle：http://jsfiddle.net/wLZff/

來源

2014-04-22 17:02:54

如何在瀏覽器窗口中顯示此JavaScript代碼段的結果？

回答

相關問題