Um Javascript-Code im HTML-Header einzubetten, besteht „offiziell“ nur die M\u00f6glichkeit, diesen \u00fcber eine JS-Ressource einzubinden.<\/p>\n
Das ist manchmal etwas umst\u00e4ndlich, z.B. wenn es sich nur um eine kleine Funktion oder sogar nur eine Variable handelt, und au\u00dferdem bedeutet dies eine Performance-Einbu\u00dfe und zus\u00e4tzliche Last auf dem Server (ein weiterer HTTP-Request wird dadurch ausgel\u00f6st).<\/p>\n
Eine eingebundene Ressource mu\u00df jedoch keine Quellangabe enthalten. Statt dessen kann der Inhalt einer Ressource programmatisch gef\u00fcllt werden:<\/p>\n
<xp:view xmlns:xp=\"http:\/\/www.ibm.com\/xsp\/core\">\r\n <xp:this.resources>\r\n\u00a0\u00a0 <xp:script clientSide=\"true\">\r\n <xp:this.contents><\/strong>\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <![CDATA[alert(\"HUHU!\")]]><\/span><\/strong>\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <\/xp:this.contents><\/strong>\r\n <\/xp:script>\r\n <\/xp:this.resources>\r\n<\/xp:view><\/pre>\n[Fett: Der Tag f\u00fcr den Inhalt der eingebundenen Ressource \/\/ In Rot: Der Javascript-Code]<\/em><\/p>\nNat\u00fcrlich kann hier auch SSJS verwendet werden, um den Code dynamisch zu generieren. Das Ergebnis f\u00fcr diese Beispiel sieht wie folgt aus:<\/p>\n
<!DOCTYPE HTML PUBLIC \r\n\"-\/\/W3C\/\/DTD HTML 4.01 Transitional\/\/EN\"\r\n\"http:\/\/www.w3.org\/TR\/html4\/loose.dtd\">\r\n<html lang=\"de\">\r\n <head>\r\n <title><\/title>\r\n [.....]\r\n <script type=\"text\/javascript\"><\/strong>\r\n alert(\"HUHU!\")<\/span><\/strong>\r\n <\/script><\/strong>\r\n <\/head>\r\n <body>\r\n [.....]\r\n <\/body>\r\n<\/html><\/pre>\n[Fett: Der generierte Javascript-Block \/\/ In Rot: der definierte Content]<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"Um Javascript-Code im HTML-Header einzubetten, besteht „offiziell“ nur die M\u00f6glichkeit, diesen \u00fcber eine JS-Ressource einzubinden. Das ist manchmal etwas umst\u00e4ndlich, z.B. wenn es sich nur um eine kleine Funktion oder sogar nur eine Variable handelt, und au\u00dferdem bedeutet dies eine … Weiterlesen