如何使用JavaScript显示文本?

时间:2014-12-18 15:18:39

标签: javascript

我通过Codecademy创建了一个代码。每当我希望文本出现时,我被告知使用console.log但是,当我实际运行代码时,使用HTML(作为js文件将无法运行),文本不会出现,因为控制台未显示。 该代码适用于那些经典的选择冒险基于文本的游戏之一。在回答提示后,带有故事线的文本应该出现,同时出现另一个提示。提示会一直显示,但不显示故事情节。我可以将console.log更改为什么才能显示文字?

〜编辑〜谢谢你,文斯。 我想你们中有些人并不完全明白我在问什么。 我分享了我无知的理由。我通过Codecademy学习了JavaScript。他们没有教你如何制作文字。他们所说的只是你可以使用console.log来显示文字。它使文本出现在控制台中,但我希望它出现在控制台之外。 我回到我的脚本并将每个console.log更改为document.writeln。我的代码现在有效。 对于那些暗示我会害怕JavaScript的人:我为初学者编写了一个冗长而复杂的代码。我没有把它发布在这里,因为它是我的知识产权,我不需要发布它来问我的问题。我有一个误解,我想清理它。

2 个答案:

答案 0 :(得分:0)

我不完全确定您想要实现的目标,但我想您希望在您的网页上显示文字。你可以这样做:

window.onload = function() {
var a = 'Text to be displayed'; //<<< The text you want to display
var b = document.createElement('div'); //<<< create a Element
b.innerHTML = a; // <<< append content to the element
document.getElementsByTagName('body')[0].appendChild(b);  //<<< append the element to the pages body
}

答案 1 :(得分:0)

虽然基本上被认为是不好的做法,(但作为初学者,我们非常欢迎您使用此功能),您可以使用document.writeln('Hello, World!');将文本实际写入页面。

您还可以在HTML中定义一个ID为

的容器
<div id="my-text-box">
</div>

并在您的JavaScript中

window.onload = function(){
    document.getElementById('my-text-box').innerHTML = "Hello, World!";
};