javascript - 如何在网页上显示控制台输出？

Question

当我访问 Codecademy 或 JSBin 之类的网站时，我注意到它们允许您查看控制台输出。这是如何运作的？

澄清一下，假设用户在文本框中输入了这个

console.log('hello');

如何在实际网页上而不是浏览器的控制台上进行输出？

Answer 1

正如 Shahar 所提到的，在实际网页上查看输出的方法是将其添加到 DOM 对象中。例如，如果我们为输出创建一个 div 并使用 jQuery 将输出添加到其中:

HTML:

<div id="output"><div>

Javascript，使用 jQuery:

// your example output
var string = "hello";

// append to end of output div
function outputToPage() {
    $('#output').append(string + "<br/>");
}

上面的例子会输出 string和换行到输出 div，只要 outputToPage()函数被调用。请注意，您需要为 jQuery 的 .append() 加载 jQuery。工作方法。