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

JavaScript035

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

}