javascript 的几种使用多行字符串的方式

JavaScript0141

javascript 的几种使用多行字符串的方式,第1张

一、字符串相加

这是最容易理解也很常用的一种形式，如下：

var tmpl =''+

    '!!! 5' +

    'html' +

    '  include header' +

    '  body'

优点:易理解，简单，可靠，足够灵活，可以在单个字符串中添加js逻辑

缺点 :并不是真正意义上的多行字符串, 如果想要真正的多行，需要自己加\n，大量的+号看上去满天星,大量的'和 ,

二、字符串数组join

var arr=["12fdasdf","afsdf","23ewewer"]

var str=arr.join("\n")//转为字符串

优点:真正意义上的多行字符串,易理解，简单，可靠,足够灵活，可以在单个字符串中添加js逻辑

【来源网络】

思路：获取变量→使用字符串拼接符号（+）拼接字符串。下面实例演示：从文本框获取两个字符串变量，拼接后输出到另一个文本框。

1、HTML结构

变量1：<input type="text" id="test1"/><br>

变量2：<input type="text" id="test2"/><br>

拼接 ：<input type="text" id="test"/>

<input type='button' value='拼接' onclick="fun()"/>

2、javascript代码

function fun(){

var str1 = document.getElementById("test1").value

var str2 = document.getElementById("test2").value

var str = str1 + " " +str2

document.getElementById("test").value = str

}