15.10.2012 Views

Actionscript 3 Entwicklerhandbuch

Actionscript 3 Entwicklerhandbuch

Actionscript 3 Entwicklerhandbuch

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

ACTIONSCRIPT 3.0 ENTWICKLERHANDBUCH<br />

Programmieren mit HTML und JavaScript in AIR<br />

<br />

<br />

foo = 333;<br />

function test() {<br />

return "OK.";<br />

}<br />

<br />

<br />

Hi.<br />

<br />

<br />

Diese einfache HTML-Seite definiert eine JavaScript-Variable namens foo und eine JavaScript-Funktion namens test().<br />

Bei beiden handelt es sich um Eigenschaften des globalen window-Objekts der Seite. Darüber hinaus umfasst das<br />

window.document-Objekt ein benanntes P-Element (mit der ID p1), auf das Sie mit der getElementById()-Methode<br />

zugreifen können. Nachdem die Seite geladen wurde (d. h., wenn das HTMLLoader-Objekt das complete-Ereignis<br />

auslöst), können Sie mit ActionScript auf jedes dieser Objekte zugreifen. Siehe dazu den folgenden ActionScript-Code:<br />

var html:HTMLLoader = new HTMLLoader();<br />

html.width = 300;<br />

html.height = 300;<br />

html.addEventListener(Event.COMPLETE, completeHandler);<br />

var xhtml:XML =<br />

<br />

<br />

foo = 333;<br />

function test() {<br />

return "OK.";<br />

}<br />

<br />

<br />

Hi.<br />

<br />

;<br />

html.loadString(xhtml.toString());<br />

function completeHandler(e:Event):void {<br />

trace(html.window.foo); // 333<br />

trace(html.window.document.getElementById("p1").innerHTML); // Hi.<br />

trace(html.window.test()); // OK.<br />

}<br />

Verwenden Sie zum Zugreifen auf den Inhalt eines HTML-Elements die innerHTML-Eigenschaft. Der vorhergehende<br />

Code verwendet z. B. html.window.document.getElementById("p1").innerHTML zum Abrufen des Inhalts eines<br />

HTML-Elements namens p1.<br />

Sie können Eigenschaften der HTML-Seite auch mit ActionScript festlegen. Das folgende Beispiel legt den Inhalt des<br />

p1-Elements und den Wert der foo-JavaScript-Variablen auf der Seite mit einem Verweis fest, der das HTMLLoader-<br />

Objekt enthält:<br />

html.window.document.getElementById("p1").innerHTML = "Goodbye";<br />

html.window.foo = 66;<br />

Letzte Aktualisierung 27.6.2012<br />

1054

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!