如何使多个JavaScript函数的输出以HTML显示？_Javascript_Jquery_Html_Benchmark.js

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

javascript jquery html

如何使多个JavaScript函数的输出以HTML显示？,javascript,jquery,html,benchmark.js,Javascript,Jquery,Html,Benchmark.js,因此，我试图在一个JavaScript文件中显示几个函数调用的结果，该文件在一个单独的HTML文件中使用benchmark.js。我的js文件如下所示（忽略方法和类的名称）：有多个类似于此的函数调用我的HTML看起来有些像lile： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta

因此，我试图在一个JavaScript文件中显示几个函数调用的结果，该文件在一个单独的HTML文件中使用benchmark.js。我的js文件如下所示（忽略方法和类的名称）：

有多个类似于此的函数调用

我的HTML看起来有些像lile：

<!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。我查看了一下，并尝试使用document.write（this.name+”：“+（this.stats.mean*1000）.toFixed（2）+“ms”）来代替console.log（），但这似乎不起作用。有人有什么建议吗

使用

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'));

//将输出div添加到html
//在您的基准代码中
var output=document.getElementById（'output'）；
appendChild（document.createTextNode（'some result'）；

我同意@pdoherty926解决方案，但我会使用表格作为输出。

// 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'));