Einstieg in Haxe/JavaScript

Dokumentation > start > Einstieg in Haxe/JavaScript

Javascript mit Haxe zu entwickeln ist wirklich einfach. Schauen wir auf das erste HalloWelt Beispiel:

class Test {
    static function main() {
        trace("Hello Welt !");
    }
}

Schreibe diese Klasse in eine Datei und nenne diese Test.hx. Erstelle eine weitere Datei compile.hxml im selben Verzeichnis mit folgendem Inhalt:

-js test.js
-main Test

Um zu Kompilieren kannst du einfach doppelt auf compile.hxml klicken (oder führe haxe compile.hxml auf der Kommandozeile aus.) Falls ein Fehler auftrat, wird er dir angezeigt. Wenn alles wie es soll funktioniert hat, wird eine Datei test.js erstellt. Diese binden wir so in eine HTML Seite ein:

<html>
<head><title>Haxe JS</title></head>
<body>

<div id="haxe:trace"></div>
<script type="text/javascript" src="test.js"></script>

</body>
</html>

Wenn du den HTML Code von oben in eine Datei mit dem Namen test.html geschrieben hast und diese in deinem Webbrowser öffnest, sollte Hallo Welt ! zusätzlich mit den Informationen über Datei und Zeilennummer angezeigt werden. Bitte beachte das der div Block notwendig ist um Haxe Javascript traces anzuzeigen.

Benutzen von "Alert"

Es ist möglich Text mit alert anzuzeigen. Veränder deine Test.hx wie folgt:

class Test {
    static function main() {
        js.Lib.alert(js.Lib.window.location.href);
    }
}

Kompiliere den Quelltext erneut und öffnen test.html. Es sollte ein Meldungsfenster mit der akutellen URL erscheinen.
Schaue dir die verfügbaren API an.

version #13808, modified 2012-04-19 22:31:38 by TheHippo