Il nome dell'entità deve seguire immediatamente la "&" nel riferimento all'entità

Question 1

Voglio mettere un gioco packman sulla mia pagina * .xhtml (sto usando jsf 2 e primefaces 3.5)

Però,

quando ho "tradotto" la pagina html in xhtml ottengo un errore in questo script:

    <script>

    var el = document.getElementById("pacman");

    if (Modernizr.canvas && Modernizr.localstorage && 
        Modernizr.audio && (Modernizr.audio.ogg || Modernizr.audio.mp3)) {
      window.setTimeout(function () { PACMAN.init(el, "./"); }, 0);
    } else { 
      el.innerHTML = "Sorry, needs a decent browser<br /><small>" + 
        "(firefox 3.6+, Chrome 4+, Opera 10+ and Safari 4+)</small>";
    }
  </script>

In linea:

if (Modernizr.canvas && Modernizr.localstorage &&

ottengo:

Il nome dell'entità deve seguire immediatamente la "&" nel riferimento all'entità.

Qualche idea su come risolverlo?

Question 2

Tutte le risposte pubblicate finora stanno dando le giuste soluzioni, tuttavia nessuna risposta è stata in grado di spiegare adeguatamente la causa sottostante del problema concreto.

Facelets è una tecnologia di visualizzazione basata su XML che utilizza XHTML + XML per generare output HTML. XML ha cinque caratteri speciali che hanno un trattamento speciale da parte del parser XML:

< l'inizio di un tag.
> la fine di un tag.
" l'inizio e la fine di un valore di attributo.
' l'inizio e la fine alternativi di un valore di attributo.
&l'inizio di un'entità (che termina con ;).

Nel caso di &cui non è seguito da #(ad esempio  ,  e così via), il parser XML è implicitamente alla ricerca di uno dei cinque nomi di entità predefiniti lt , gt, amp, quote apos, o qualsiasi nome dell'entità definito manualmente . Tuttavia, nel tuo caso particolare, stavi utilizzando &come operatore JavaScript, non come entità XML. Questo spiega totalmente l'errore di analisi XML che hai ricevuto:

Il nome dell'entità deve seguire immediatamente la "&" nel riferimento all'entità

In sostanza, stai scrivendo codice JavaScript nel posto sbagliato, un documento XML invece di un file JS, quindi dovresti eseguire l'escape di tutti i caratteri speciali XML di conseguenza. Il &deve essere evitato come &.

Quindi, nel tuo caso particolare, il file

if (Modernizr.canvas && Modernizr.localstorage &&

deve diventare

if (Modernizr.canvas &amp;&amp; Modernizr.localstorage &amp;&amp;

per renderlo valido in XML.

Tuttavia, questo rende il codice JavaScript più difficile da leggere e mantenere. Come affermato nell'eccellente documento di Mozilla Developer Network Scrittura di JavaScript per XHTML , dovresti inserire il codice JavaScript in un blocco di dati carattere (CDATA). Quindi, in termini JSF, sarebbe:

<h:outputScript>
    <![CDATA[
        // ...
    ]]>
</h:outputScript>

Il parser XML interpreterà il contenuto del blocco come dati di carattere "plain vanilla" e non come XML e quindi interpreterà i caratteri speciali XML "così come sono".

Ma, molto meglio è semplicemente mettere il codice JS nel proprio file JS che includi da <script src>, o in termini JSF, il <h:outputScript>.

<h:outputScript name="onload.js" target="body" />

(nota target="body"; in questo modo JSF renderà automaticamente il <script>alla fine di <body>, indipendentemente da dove <h:outputScript>si trova, ottenendo lo stesso effetto di window.onloade $(document).ready(); quindi non è più necessario utilizzarli in quello script)

In questo modo non devi preoccuparti dei caratteri speciali XML nel tuo codice JS. Come bonus aggiuntivo, questo ti dà l'opportunità di lasciare che il browser memorizzi nella cache il file JS in modo che la dimensione totale della risposta sia inferiore.

Guarda anche:

Question 3

È necessario aggiungere un tag CDATA all'interno del tag script, a meno che non si desideri passare manualmente attraverso ed eseguire l'escape di tutti i caratteri XHTML (ad esempio, &sarebbe necessario diventarlo &). Per esempio:

<script>
//<![CDATA[
var el = document.getElementById("pacman");

if (Modernizr.canvas && Modernizr.localstorage && 
    Modernizr.audio && (Modernizr.audio.ogg || Modernizr.audio.mp3)) {
  window.setTimeout(function () { PACMAN.init(el, "./"); }, 0);
} else { 
  el.innerHTML = "Sorry, needs a decent browser<br /><small>" + 
    "(firefox 3.6+, Chrome 4+, Opera 10+ and Safari 4+)</small>";
}
//]]>
</script>

Question 4

Il parser si aspetta del contenuto HTML, quindi vede &come l'inizio di un'entità, come è.

Usa questa soluzione alternativa:

<script type="text/javascript">
// <![CDATA[
Javascript code here
// ]]>
</script>

quindi si specifica che il codice non è testo HTML ma solo dati da utilizzare così come sono.

Question 5

Fare

<script>//<![CDATA[
    /* script */
//]]></script>

Question 6

Se usi XHTML, per qualche motivo, nota che XHTML 1.0 C 4 dice: "Usa script esterni se il tuo script usa <o & o]]> o -". Cioè, non incorporare il codice dello script all'interno di un scriptelemento, ma metterlo in un file JavaScript separato e fare riferimento ad esso con <script src="foo.js"></script>.

Question 7

Nel caso in cui arrivasse qualcuno di Blogger, ho avuto questo problema durante l'utilizzo Beautifydell'estensione in VSCode. Non usarlo, non beautifyfarlo.