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 才能使 jQuery 的.append()方法工作。