Question

所以我试图在一个JavaScript文件中显示一些函数调用的结果，该文件在单独的HTML文件中使用benchmark.js. 我的js文件看起来像这样（忽略方法和类的名称）：

class.init(function(context) {

    Benchmark("function description", {
        'defer': true,

         fn': function(deferred) {
         var x = context.ones([100, 100]);
         var y = x.repeat(2, 0);
         context.barrier(function (){
             deferred.resolve();
          });
    },
    'onComplete': function(event) {
    //This is what I'd like to print out
    console.log(this.name + ": " + (this.stats.mean * 1000).toFixed(2) + " ms");
    //
    } 
}).run();

有多个与此类似的函数调用。

我的HTML看起来很简单：

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

        <title> Sublime Webpage </title>

    </head>
    <body>
        <div class="main">
          <div class="head">
             <h1>Hello</h1>

          </div>
          <script src="filename.js"></script>
        </div>
    </body>
</html>

目前，它只是将结果打印到控制台，这比没有好，但显然不是我想要的。我简短地与某人交谈，他们建议我使用jQuery。我调查了它，并尝试在console.log（）的位置使用document.write（this.name +“：”+（this.stats.mean * 1000）.toFixed（2）+“ms”），但是这似乎不起作用。有没有人有建议？

Answer 1

使用document.createTextNode：

// add an output div to your html
<div id='output'></div>

// in your benchmark code
var output = document.getElementById('output');
output.appendChild(document.createTextNode('some result'));

Fiddle

如何使用HTML显示多个JavaScript函数的输出？

1 个答案: