HTML fügt Leerzeichen zwischen dem ersten Auftreten von Anführungszeichen ein

Question

Das macht mich verrückt. Ich möchte ein String-Literal als Parameter an eine Funktion in HTML onclick -Eigenschaft mit einem doppelten Anführungszeichen übergeben.

Mein HTML-Element sieht wie folgt aus:

<button onclick = "ok_button_click(""Harry Potter "")" type="button" class="btn btn-default">ok</button> 

Aber wenn ich die Seite laden und öffnen Sie sich durch Inspect Element, ich einen Raum sehe zwischen dem ersten Zitat eingefügt in dem resultierenden:

<button onclick = "ok_button_click(" "Harry Potter"")" type="button" class="btn btn-default">bad</button> 

Warum fügt der Browser ein Leerzeichen ein ???

Answer 1

Wenn Sie versuchen, mit Anführungszeichen einen String-Wert zu übergeben, dann haben Sie " wie folgt zu verwenden:

<button onclick = "ok_button_click('&quot;Harry Potter&quot;')" type="button" class="btn btn-default">bad</button> 

Wenn Sie in einem String übergeben wollen einfach wörtliche Sie nur ein Apostroph (oder das Gegenteil von dem, was das Attribut begann mit) wie folgt verwenden können:

<button onclick = "ok_button_click('Harry Potter')" type="button" class="btn btn-default">bad</button> 

Answer 2

Das liegt daran, dass, wenn das DOM des Browser " als Trennzeichen verwendet analysiert wird, so in Ihrem Fall ist es ok_button_click( das Attribut onclick und Harry Potter als separates (und unbekanntes) Attribut zuweisen.

Eine bessere Möglichkeit, diesen Code zu schreiben, würde einfache und doppelte Anführungszeichen wie Vermischen in:

<button onclick="ok_button_click('Harry Potter')" type="button" class="btn btn-default">ok</button> 

Ein guten Start auf HTML-Debugging ist es durch einen Validator zu laufen, wie in https://validator.w3.org/#validate_by_input

Answer 3

Versuchen:

<button onclick = 'ok_button_click("Harry Potter")' type="button" class="btn btn-default">ok</button>