如何在使用反勾号时正确显示JavaScript警报中的文本?

如何在使用反勾号时正确显示JavaScript警报中的文本?,javascript,Javascript,我注意到,使用反勾号时,警报消息显示不正确: 例如: var classicMsg=“Lorem Ipsum只是印刷和排版的虚拟文本” +“industry.Lorem Ipsum一直是业界的标准假人” +“从16世纪开始,一个不知名的印刷商在厨房里印刷文字” +“把它拼凑成一本活字样本书。”; var backticksgsg=`Lorem Ipsum只是打印和排版的虚拟文本 工业。Lorem Ipsum一直是业界的标准假人 从16世纪开始,一个不知名的印刷商在厨房里印刷 并把它拼凑成一本

我注意到,使用反勾号时,警报消息显示不正确:

例如:

var classicMsg=“Lorem Ipsum只是印刷和排版的虚拟文本”
+“industry.Lorem Ipsum一直是业界的标准假人”
+“从16世纪开始,一个不知名的印刷商在厨房里印刷文字”
+“把它拼凑成一本活字样本书。”;
var backticksgsg=`Lorem Ipsum只是打印和排版的虚拟文本
工业。Lorem Ipsum一直是业界的标准假人
从16世纪开始,一个不知名的印刷商在厨房里印刷
并把它拼凑成一本样书;
document.getElementById(“btnAlert1”).addEventListener('click',function()){
警报(classicMsg);
});
document.getElementById(“btnAlert2”).addEventListener('click',function()){
警报(backticksMsg);
});
li{光标:指针;}
    使用经典消息进行测试
  • 使用反勾号消息进行测试

请记住,反勾号表示文字,因此所有这些额外的空格都会添加到结果中。您可以删除这些空格,也可以使用其他形式,如引号+\来使用多行

var classicMsg=“Lorem Ipsum只是印刷和排版的虚拟文本”
+“industry.Lorem Ipsum一直是业界的标准假人”
+“从16世纪开始,一个不知名的印刷商在厨房里印刷文字”
+“把它拼凑成一本活字样本书。”;
var backticksgsg=`Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书;
var breaklineMsg=“Lorem Ipsum只是打印的虚拟文本\
Lorem Ipsum已成为行业标准\
从16世纪开始,一个不知名的印刷商在厨房里印刷文字\
并把它拼凑成一本活字样本书。”;
document.getElementById(“btnAlert1”).addEventListener('click',function()){
警报(classicMsg);
});
document.getElementById(“btnAlert2”).addEventListener('click',function()){
警报(backticksMsg);
});
document.getElementById(“btnAlert3”).addEventListener('click',function()){
警报(breaklineMsg);
});
li{光标:指针;}
    使用经典消息进行测试
  • 使用反勾号消息进行测试
  • 使用特征线测试\message
请记住,反勾号表示文字,因此所有这些额外的空格都会添加到结果中。您可以删除这些空格,也可以使用其他形式,如引号+\来使用多行

var classicMsg=“Lorem Ipsum只是印刷和排版的虚拟文本”
+“industry.Lorem Ipsum一直是业界的标准假人”
+“从16世纪开始,一个不知名的印刷商在厨房里印刷文字”
+“把它拼凑成一本活字样本书。”;
var backticksgsg=`Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书;
var breaklineMsg=“Lorem Ipsum只是打印的虚拟文本\
Lorem Ipsum已成为行业标准\
从16世纪开始,一个不知名的印刷商在厨房里印刷文字\
并把它拼凑成一本活字样本书。”;
document.getElementById(“btnAlert1”).addEventListener('click',function()){
警报(classicMsg);
});
document.getElementById(“btnAlert2”).addEventListener('click',function()){
警报(backticksMsg);
});
document.getElementById(“btnAlert3”).addEventListener('click',function()){
警报(breaklineMsg);
});
li{光标:指针;}
    使用经典消息进行测试
  • 使用反勾号消息进行测试
  • 使用特征线测试\message
这只是在调用函数之前使用
格式文本的一种稍微简洁的方法

在创建字符串而不是输出字符串时,可以使用标记的模板文字来删除不需要的空白

演示:

函数空白(字符串,…键){
返回字符串
//键[i]将在最后一次调用中未定义
.map((当前,i)=>当前+(键[i]| |“”)
.加入(“”)
//删除换行符、制表符,并用一个空格替换多个空格
.替换(/\r?\n |\t |+(?=)/g');
}
var a=“a”;
var b=“b”;
//基本,除非必要,否则不得更改
log(空格`teststring:${a},${b}`);
//删除新行
console.log(空格`Test
新行
在这里
${a}`);
//折叠多个空间

log(空格'testspaces')这只是在调用Alert
函数之前使用
格式文本的一种稍微简洁的方法

在创建字符串而不是输出字符串时,可以使用标记的模板文字来删除不需要的空白

演示:

函数空白(字符串,…键){
返回字符串
//键[i]将在最后一次调用中未定义
.map((当前,i)=>当前+(键[i]| |“”)
.加入(“”)
//删除换行符、制表符,并用一个空格替换多个空格
.替换(/\r?\n |\t |+(?=)/g');
}
var a=“a”;
var b=“b”;
//基本,除非必要,否则不得更改
log(空格`teststring:${a},${b}`);
//删除换行符
console.log(空格`Test
新行
在这里
${a}`);
//折叠多个空间
console.log(空格`Test