Sind einzelne/doppelte Anführungszeichen in HTML-Attributwerten zulässig?

Question

Ich versuche Attributwert zu setzen, die einen Apostroph enthält:

var attr_value = "It's not working"; 
var html = "<label my_attr='" + attr_value + "'>Text</label>"; 
$('body').html(html); 

Allerdings bekomme ich folgendes Ergebnis:

<label working="" not="" s="" my_attr="It">Text</label> 

Wie könnte ich dieses Problem beheben?

Sind in Attributwerten doppelte Anführungszeichen zulässig?

Answer 1

Ja, beide zitiert in Attributwerten erlaubt, aber Sie müssen das Zitat Sie verwenden als Attributwert-Begrenzer, sowie andere HTML-Sonderzeichen HTML-entkommen wie < und &:

function encodeHTML(s) { 
    return s.split('&').join('&amp;').split('<').join('&lt;').split('"').join('&quot;').split("'").join('&#39;'); 
} 

var html= '<label my_attr="'+encodeHTML(attr_value)+'">Text</label>'; 

Sie sind jedoch in der Regel viel besser dran nicht versuchen, ein Dokument zu hacken zusammen aus HTML-Strings. Sie riskieren Bugs und HTML-Injection (was zu Cross-Site-Scripting-Sicherheitslücken führt) jedes Mal, wenn Sie die Flucht vergessen. Verwenden Sie stattdessen DOM-Stil Methoden wie attr(), text() und den Bau Abkürzung

$('body').append(
    $('<label>', {my_attr: attr_value, text: 'Text'}) 
); 

Answer 2

var attr_value = "It's not working" 

Answer 3

Verwenden doppelte Anführungszeichen als Attribut Trennzeichen:

var html = "<label my_attr=\"" + attr_value + "\">Text</label>"; 

Answer 4

Sie einfache Anführungszeichen innerhalb von doppelten oder doppelte Anführungszeichen in einfache Anführungszeichen verwenden können. Wenn Sie einfache Anführungszeichen in einfache Anführungszeichen oder doppelte Anführungszeichen in Anführungszeichen setzen möchten, müssen Sie sie im HTML-Format codieren.

Valid Markup:

<label attr="This 'works'!" /> 
<label attr='This "works" too' /> 
<label attr="This does NOT \"work\"" /> 
<label attr="And this is &quot;OK&quot;, too" />