我很了解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];
}
}
};
答案 0 :(得分:2)
您可以使用alert
功能
alert("Hello World")
或者您可以使用
document.write("Hello World")
输出字符串" Hello World"到html中js片段的位置。或者,您可以操纵DOM并在div
或span
标记上设置innerHTML
。如果你像这样添加一个带有id的标签,
<span id="foo"></span>
您可以使用
设置html内容document.getElementById("foo").innerHTML = "Hello World"
当然,如果您的问题是序列化函数的结果,请使用JSON.Stringify
alert(JSON.stringify({"hello": "world", 3: "bar"}));
答案 1 :(得分:1)
为了显示您的哈希,您可以使用document.write,但是您需要&#34; stringify&#34;你的数据是这样的:
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
答案 2 :(得分:0)
另一种可能性是使用jQuery的.html()来修改页面上的现有HTML元素。
var showFriends=function(){
var x = JSON.stringify(friends,null,'</br>');
$('#myDiv').html('<p>'+x+'</p>');
};
jsfiddle:http://jsfiddle.net/wLZff/