Pour commencer avec Haxe/JS

Documentation > Pour commencer > Pour commencer avec Haxe/JS
You are viewing an old version of this entry, click here to see latest version.

Développer du code Javascript est vraiment facile avec Haxe. Regardons notre premier exemple HelloWorld :

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

Mettez cette classe dans un fichier nommé Test.hx et créez le fichier compile.hxml dans le même répertoire avec le contenu suivant :

-js test.js
-main Test

Pour compiler, vous pouvez simplement double-clicker sur le fichier compile.hxml (ou exécuter la commande haxe compile.hxml). Si tout se déroule normalement, un fichier nommé test.js sera créé. Ce fichier pourra être intégré dans une page HTML telle que celle qui suit :

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

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

</body>
</html>

Si vous mettez ce code dans un fichier nommé test.html et l'ouvrez dans votre navigateur web, il devrait afficher Hello World avec des informations sur le fichier et la ligne où la trace à eu lieu. Notez qu'un bloc div est nécessaire pour afficher les traces Haxe Javascript.

Utilisation d'Alert

La possibilité d'afficher du texte est d'utiliser alert. Modifier Test.hx avec le contenu suivant : 

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

Compilez puis ouvrez le fichier test.html. Il devrait afficher une fenêtre d'alerte contenant l'URL de la page actuelle.

Regardez les APIs disponibles dans Lib.

version #8197, modified 2010-03-09 14:16:30 by yukulele