log ( ` string text line 1 string text line 2 `); Ausdrücke in Zeichenketten Um Javascript-Ausdrücke in normale Strings einzufügen, müsste die folgende Syntax genutzt werden: var a = 5; var b = 10; console. log ( "Fifteen is " + ( a + b) + " and\nnot " + ( 2 * a + b) + ". "); Mit Template-Strings können nun die syntaktischen Vorteile genutzt werden um solche Ersetzungen leserlicher zu machen: console. log ( ` Fifteen is ${ a + b} and not ${ 2 * a + b}. `); Verschachtelte Vorlagen Das Verschachteln von Template-Strings ist manchmal die einfachste und lesbarste Möglichkeit, konfigurierbare Vorlagen zu erhalten, denn auch innerhalb von ${} können Template-Strings verwendet werden Die nachfolgenden drei Beispiele haben eine identische Funktion: ECMAScript 5: let classes = 'header'; classes += ( isLargeScreen ()? '': item. isCollapsed? ' icon-expander': ' icon-collapser'); Eine nicht verschachtelte Vorlage mit ECMAScript 2015: const classes = ` header ${ isLargeScreen ()? Javascript text einfügen code. '': ( item. isCollapsed?
Wenn das Element, dessen Inhalt ersetzt wird, ein -Element ist, wird das Attribut content (en-US) des Elements durch das neue DocumentFragment ersetzt, welches in Schritt 1 erstellt wurde. Bei allen anderen Elementen wird der Inhalt des Elements durch die Knoten im neuen DocumentFragment ersetzt. Sicherheitsüberlegungen Es ist nicht ungewöhnlich, dass innerHTML zum Einfügen von Text in eine Webseite verwendet wird. Es besteht jedoch die Möglichkeit, dass dies zu einem Angriffsvektor auf einer Website wird, wodurch ein potenzielles Sicherheitsrisiko entsteht. const name = "John"; el. innerHTML = name; name = ""; Obwohl dies wie ein cross-site scripting -Angriff aussieht, ist das Ergebnis harmlos. HTML5 schreibt vor, dass ein mit innerHTML eingefügtes