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

如何在浏览器窗口中显示此javascript片段的结果?,javascript,dom,Javascript,Dom,我可以理解console.log中发生的事情,但我希望在浏览器窗口中显示代码。我想我应该使用document.write,但我对此不确定 var friends = { bill: { firstName: "Bill", lastName: "Gates", }, steve: { firstName: "Steve", lastName: "Gates", } }; var list = function(friends){ for (var key in

我可以理解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];
    }   
}
};

您可以使用
警报
功能

alert("Hello World")
或者你可以用

document.write("Hello World")
它将字符串“Hello World”输出到html中js代码段的位置。或者,您可以操作DOM并设置
div
span
标记。如果像这样在html中添加一个id为的标记

<span id="foo"></span>
当然,如果您的问题是序列化函数的结果,请使用


您可以使用
警报
功能

alert("Hello World")
或者你可以用

document.write("Hello World")
它将字符串“Hello World”输出到html中js代码段的位置。或者,您可以操作DOM并设置
div
span
标记。如果像这样在html中添加一个id为的标记

<span id="foo"></span>
当然,如果您的问题是序列化函数的结果,请使用


您可以使用
警报
功能

alert("Hello World")
或者你可以用

document.write("Hello World")
它将字符串“Hello World”输出到html中js代码段的位置。或者,您可以操作DOM并设置
div
span
标记。如果像这样在html中添加一个id为的标记

<span id="foo"></span>
当然,如果您的问题是序列化函数的结果,请使用


您可以使用
警报
功能

alert("Hello World")
或者你可以用

document.write("Hello World")
它将字符串“Hello World”输出到html中js代码段的位置。或者,您可以操作DOM并设置
div
span
标记。如果像这样在html中添加一个id为的标记

<span id="foo"></span>
当然,如果您的问题是序列化函数的结果,请使用

为了显示哈希值,您可以使用document.write,但您需要像这样“字符串化”数据:

document.write(JSON.Stringify(friends));`
如果你想要更漂亮的东西:

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

为了显示哈希值,您可以使用document.write,但您需要像这样“字符串化”数据:

document.write(JSON.Stringify(friends));`
如果你想要更漂亮的东西:

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

为了显示哈希值,您可以使用document.write,但您需要像这样“字符串化”数据:

document.write(JSON.Stringify(friends));`
如果你想要更漂亮的东西:

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

为了显示哈希值,您可以使用document.write,但您需要像这样“字符串化”数据:

document.write(JSON.Stringify(friends));`
如果你想要更漂亮的东西:

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

另一种可能是使用jQuery的.html()修改页面上现有的html元素

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

'); };

jsidle:

另一种可能是使用jQuery的.html()修改页面上现有的html元素

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

'); };

jsidle:

另一种可能是使用jQuery的.html()修改页面上现有的html元素

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

'); };

jsidle:

另一种可能是使用jQuery的.html()修改页面上现有的html元素

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

'); };

jsIDLE:

我建议在页面上创建一个元素,然后使用“element.innerHTML=stuff”将其放到页面上。我建议在页面上创建一个元素,然后使用“element.innerHTML=stuff”将其放到页面上。我建议在页面上创建一个元素,然后使用“element.innerHTML=stuff”我建议在页面上创建一个元素,然后使用“element.innerHTML=stuff”将其放到页面上。