首页 > 解决方案 > 函数完成后如何在 HTML 中显示 javascript 结果

问题描述

我的网站上有这个 iframe,可以测试你的网速。

测试完成后有回调函数。此功能可以显示各种对象属性。现在看起来像这样:

    <script type="text/javascript">
         function nPerfTestCompletedObj(object) {
              document.write(object.id);
     }
    </script>

问题是这样它会在新的空白页面上显示对象 ID。

任何人都可以帮助我在函数完成后如何在 iframe 下方显示结果?

标签: javascripthtml

解决方案


您需要创建一个带有类似结果的 id 的空 p 标签。并在结果 div 上显示对象 ID。

请使用以下代码

<p id="results"></p>

然后像这样更新你的函数:

<script type="text/javascript">
    function nPerfTestCompletedObj(object) {
        document.getElementById('results').innerHTML = object.id;
     }
</script>

您可以创建更多 p 标签或 div 以显示更多属性。


推荐阅读