javascript - 来自javascript的换行符/样式文本？-6ren

javascript - 来自javascript的换行符/样式文本？

转载作者：行者123 更新时间：2023-11-28 12:54:50

25

4

所以首先，这可能有点长。我正在尝试使用 javascript 制作 RPG 文本游戏。

在我的 HTML 中，我只有 html、head、css、body、div 和 script 标签。

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="story_css.css">
</head>
<body>
<div class="container">
<script src="story_js.js"></script>
</div>
</body>
</html>

所以这纯粹是我游戏信息的容器。

然后我有我的javascript:

var ATTACK = 0;
var STRENGTH = 0;
var DEFENSE = 0;
var RANGED = 0;
var MAGIC = 0;
var AGILITY= 0;
var HEALTH = 0;
var CLASS = prompt("Choose a class (class only effects starting stats, but all classes can learn the same abilities at the same rate):Warrior, Mage, Theif, Archer.").toUpperCase();
switch (CLASS){
    case "WARRIOR":
        ATTACK = 16;
        STRENGTH = 18;
        DEFENSE = 17;
        RANGED = 2;
        MAGIC = 2;
        AGILITY = 5;
        HEALTH = 200;
        break;

    case "ARCHER":
        ATTACK = 6;
        STRENGTH = 5;
        DEFENSE = 11;
        RANGED = 20;
        MAGIC = 3;
        AGILITY = 15;
        HEALTH = 175;
    break;
}

document.write("These are the levels for each of your characters skills. You may write these down and keep track of them, but the game will automatically record your progress for you. However, you will not be able to see your levels until you type a command that asks for them, or if you require a certain level to complete a task.")
var  NAME = prompt("Enter your name:");

confirm("You are about to embark on an epic quest... so, " + NAME + " are you ready to begin?");

document.write("It is the year 3355, according to the Delil calendar, and you awake from your night's sleep. Today is a special day. It is your 18th birthday! In your small village of Shadowhollow, you are one of the 23 people who live there. But as of today, you are one of the villages men.");

我的问题是，当 javascript 执行 document.write 部分时，它只是把它作为一大段文本，即使它们来自不同的提示。有人可以帮我告诉我如何设计它吗？

最佳答案

document.write("<h2>A sample heading</h2>\
<p>These are the levels for each of your characters skills.\
You may write these down and keep track of them, but the game will automatically record your progress for you.\
However, you will not be able to see your levels until you type a command that asks for them, \
or if you require a certain level to complete a task.</p>");
var  NAME = prompt("Enter your name:");

confirm("You are about to embark on an epic quest... so, " + NAME + " are you ready to begin?");

document.write("<h2>A sample heading</h2>\
<p>It is the year 3355, according to the Delil calendar, and you awake from your night's sleep. \
Today is a special day. It is your 18th birthday! In your small village of Shadowhollow, you are one of the 23 people who live there. \
But as of today, you are one of the villages men.</p>");

您可以使用 backslash在 javascript 中将字符串拆分为不同的行。

您可以使用不同的文本标记，例如 <p>对于段落 <h1>用于 heading1 等来设置文本样式，而文本又是 HTML 的一部分.更多风格，您可以查看 css .

如果你想在 javascript 中换行使用 \n或 \t对于选项卡。这仅用于输出格式。

如果你想在 HTML 中换行结果，使用 <br>

Also the document.write method is deprecated and not recommended, if you are serious about your programming. You have to resort to better DOM manipulation methods like document.createElement appendChild etc to create a document dynamically.

Dynamically create a HTML form with Javascript

关于javascript - 来自javascript的换行符/样式文本？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16610299/

25

4

0

文章推荐： jquery - 选择在 IE8 中无法正常工作

文章推荐： php - 通过网络 (PHP) 打印 800 毫米(收据)表

文章推荐： css - 更改导航栏高度

php - 在文本区域中捕获换行符(换行符、换行符)
我有一个带有的表格我想在服务器端捕获该文本区域中的任何换行符，并将它们替换为 . 这可能吗？我尝试设置 white-space:pre在 textarea 上的 CSS，但仍然不够。最佳答案
c# - 如何检测文件是否有 Unix 换行符 (\n) 或 Windows 换行符 (\r\n)？
我正在通过 FileStream 更改文件(这是一个非常大的文件，我只需要更改标题而不重写整个文件。该文件可以有 Unix 或 Windows 换行符，知道哪一个对我来说很重要，这样我可以在更新文件
windows - 如何将 DOS/Windows 换行符 (CRLF) 转换为 Unix 换行符 (LF)
如何以编程方式(不使用 vi)将 DOS/Windows 换行符转换为 Unix 换行符？ dos2unix 和 unix2dos 命令在某些系统上不可用。如何使用 sed、awk 和 tr 等命令
BiBtex 换行符
我编辑了一个 BibteX 文件，到目前为止，它显示了我需要的所有信息。 FUNCTION {electronic} { output.bibitem format.btitle "title"
text - 换行符
您的软件是否处理来自其他系统的换行符？ Linux/BSD linefeed ^J 10 x0A Windows/IBM return linefeed ^M^
Windows命令行重定向下的c++换行符
我发现 Windows 命令行重定向会自动将 '\n' 替换为 '\r\n'。有什么方法可以避免这种情况？因为在 stdout 或 stderr 重定向之后，如果您将 '\r\n' 写入控制台，您将得
JavaScript 换行符
来自 this question ，这个…… lines = foo.value.split(/\r\n|\r|\n/); 是拆分字符串的一种方法，但如何用换行符将其连接回去？另外，我想知道如果我说
PDFsharp 换行符
我正在尝试获取新行，但如果我使用 \n 它不起作用。任何通过向字符串添加一些东西来换行的方法，例如 \r\n (这也不起作用) gfx.DrawString("Project No \n" + te
javascript - 如何迭代多行字符串值的拆分结果数组以重新格式化某些行/换行符？
我有一串数据，中间有换行符。例如: "Product Name \n Product Color \n Product Quantity \n Product Location \n Product
maven - scmCommentPrefix 换行符
我正在尝试让 scmCommentPrefix 按照 http://maven.apache.org/plugins/maven-release-plugin/faq.html#scmCommentP
php preg_match 换行符
如何检查正则表达式 /^\n/在字符串中 blahblahblah 我似乎无法从 php 的 preg_match 获得返回值 1 . 编辑: 由于某种原因，我的坏处是 CR 本身就是我的换行符。
powershell - 写主机与写输出-换行符
我很难在与文本字符串相同的行上输出变量。当我使用Write-Host而不是Write-Output时，它可以工作。我想使用Write-Output，因为这似乎是最佳做法(将内容保留在管道中)，但是Wr
string - Powershell函数可捕获字符串长度而无需返回/换行符
我正在Powershell中工作，以为here字符串中的特定单词着色。除包含回车/换行符的单词外，其他功能均有效。没有这些字符，如何计算单词的长度？以下是我正在使用的功能和测试数据。我希望第二行上的
powershell - 在Powershell脚本中添加换行符(换行符)
我有一个在Powershell中运行的脚本，并且我希望能够在脚本名称和脚本内容本身之间的结果文本文件输出中添加一行。当前，从下面开始，行$str_msg = $file,[System.IO.Fil
tokenize - Smalltalk，换行符
有人知道smalltalk中字符串的换行符是什么吗？我试图将字符串拆分为单独的行，但我无法弄清楚smalltalk 中的换行符是什么。即。 string := 'smalltalk is
PHP printf 换行符
我有以下 printf 语句: printf ("%s (%s)\n",$row["word"], $row["definition"]); 我正在尝试解决换行符而不是: word defin
javascript - 如何在正则表达式中匹配空格、换行符
这个问题已经有答案了: how to use dotall flag for regex.exec() (4 个回答) 已关闭 7 年前。字符串内容
CSS 内容 - 换行符
我想用 CSS 换行。我正在使用内容。 td:before { content: "Test\A Test2"; } 它不工作。如何正确
c++ - 原始字符串文字中的回车符+换行符？
考虑一个具有 UNIX 行结尾的 C++ 文件(即 '\x0a' 而不是 "\x0d\x0a")并包含以下原始字符串文字: const char foo[] = R"(hello^M )"; (其中
PHP printf 换行符
我有以下 printf 语句: printf ("%s (%s)\n",$row["word"], $row["definition"]); 我正在尝试解决换行符而不是: word defin

首页

博学

6Ren·AI

商城

javascript - 来自javascript的换行符/样式文本？