Question

我想调用以下javaScript函数，以便将其输出到HTML P标记，但是如果不在HTML文件中显式调用该函数，我不知道如何执行此操作。

我不想这样做......

<p class="showcode">
<script type="text/javascript">
    wise_words();
</script>
</p>

我想将javaScript代码保存在一个js文件中。

我试过这种方式，但这似乎不起作用......

document.getElementById("showcode").innerHTML = wise_words();

对于我做错了什么，我真的很感激。

这是我的代码... http://codepen.io/anon/pen/qfLdE我希望生成的文本在灰色框内输出。

Answer 1

您应该在onload处理程序中调用该函数，以便在构造DOM之后执行该函数：

window.onload = function() {
    document.getElementById("showcode").innerHTML = wise_words();        
}

另一个问题是，您的wise_words()功能正在使用document.write（请不要使用document.write）而不是返回值。您需要返回一个值：

var retText = wiseText[nextVal][0];

nextVal += 1;
writeCookie("wisewords", nextVal.toString(), 33);

return retText;

Answer 2

尝试使用Jquery：

$(".showcode").html(wise_words());

注意：假设您的函数返回HTML /文本。

Answer 3

<p class="showcode">
    <script type="text/javascript">
        document.write(wise_words());
    </script>
</p>

或：

<body onload="document.getElementById('showcode').innerHTML = wise_words()">
    <p id="showcode">
    </p>
</body>

（注意id而不是class）。