javascript - 如何在浏览器窗口中显示此 javascript 片段的结果？

Question

我可以理解 console.log 中发生的情况，但我想在浏览器窗口中显示代码。我想我应该使用 document.write 但我对此不确定。

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];
    }   
}
};

Answer 1

您可以使用警报功能

alert("Hello World")

或者你可以使用

document.write("Hello World")

它将字符串“Hello World”输出到html中js片段的位置。或者，您可以操作 DOM 并设置 innerHTML在 div 或 span 标记上。如果你像这样在 html 中添加一个带有 id 的标签，

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

你可以设置html内容

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

当然，如果您的问题是序列化函数的结果，请使用 JSON.Stringify

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