如何将多行内容作为JavaScript变量的输入

时间:2019-05-25 04:16:39

标签: javascript html

我想在用户按下按钮时用一些文本填充文本区域。但是我有一个问题,用于填充文本的变量仅需要单行输入,但是我想让一些文本具有多行和缩进

<!DOCTYPE html>
<html>
    <head>
        <title>SampleCodes</title>
        <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body>
        <script type="text/javascript">
            function fill(){
                var text1 ="#include<stdio.h>
                            #include<conio.h>
                            void main()
                           {
                             printf("Hello World");
                           }"
              document.forms.myform.area.value=text1;
            }
        </script>
        <div>
            <button onclick="fill()">Program 1</button>
            <button>Program 2</button>
            <button>Program 3 </button>
            <button>Program 4</button>
        </div>
        <div class="wrapper">
            <div class="gfg">
                <form name="myform">
                    <textarea name="area" rows="30" cols="60">
                    </textarea>
                </form>
            </div>
        </div>
    </body>
</html>

2 个答案:

答案 0 :(得分:0)

您可以简单地使用Template string

channels is very rare.I have change my channels three time.but it doesn

答案 1 :(得分:0)

在ES5中,多行文本可以使用反斜杠字符(\)进行转义。

var text1 = "#include<stdio.h> \
             #include<conio.h> \
             void main() \
             { \
                 printf(\"Hello World\"); \
             }";

如果您使用的是ES6,则可以使用反引号来包装多行字符串。

var text1 = `#include<stdio.h>
             #include<conio.h>
             void main()
             {
                 printf("Hello World");
             }`;