JavaScript não permite caracteres de quebra de linhas literais dentro de strings.
Existem várias formas de contornar o problema.
Caso você realmente queira quebras de linha dentro da string, use \n
:
$( '.qualquerClasse' ).html( 'conteúdo de 3 linhas de código: uma \n Duas \n Três' );
Porém note que caracteres de quebra de linha dentro do HTML por padrão não são renderizadas (espaços colapsados) a menos que esteja dentro de um elemento cujo valor computado da propriedade CSS white-space
seja pre
/pre-wrap
/pre-line
. Caso contrário (na maioria dos casos) é necessário utilizar <br>
para forçar uma quebra de linha visível.
Caso você deseje quebrar o texto em várias linhas para deixá-lo mais legível, é possível concatenar ou utilizar um array:
$( '.qualquerClasse' ).html(
' conteúdo de 3 linhas de código: uma'
+ 'Duas'
+ 'Três'
);
//ou
$( '.qualquerClasse' ).html([
' conteúdo de 3 linhas de código: uma',
'Duas',
'Três'
].join(''));
Claro que podes adicionar \n
ou <br>
conforme necessário nestas strings.
Também existe uma forma, não padrão, de "escapar" as quebra de linha colocando um \
logo antes da quebra de linha literal:
$( '.qualquerClasse' ).html( ' conteúdo de 3 linhas de código: uma\
Duas\
Três'
);
Esta sintaxe não é padrão, mas tem um suporte muito bom. Porém, alguns browsers mantém os caracteres de quebra de linha dentro da string enquanto outros o descartam, portanto esta forma é um pouco inconsistente. Outro problema é que se adicionar qualquer caractere após o \
, até mesmo um caractere de espaço, irá gerar um erro de sintaxe já que a quebra de linha não mais estará sendo escapada.
string
só?{}
(ou pressionar o atalhoCtrl
+K
)