Laan's steps..

Feed Rss

JSInterface [转]

02.22.2009, flash, js, by .

To get started you will need to download the library JSInterface from

Then, create a project and add(Properties -> ActionScript Build Path -> Library path -> Add SWC…) the library to the project. It is necessary to initialize JSInterface, prior to use. To do so you need call the method JSInterface.initialize(). This method as the first argument accepts any object which can tell URL from which loaded this flash/flex program.

The value of this argument can be:

<!–[if !supportLists]–>· <!–[endif]–>Any DisplayObject added to the stage


<!–[if !supportLists]–>· <!–[endif]–>LoaderInfo object of the current program


<!–[if !supportLists]–>· <!–[endif]–>String URL

var url:String = “”;


This argument is required if HTML page do not specify ID for this SWF.

The last thing you need to do is create a function and assign it a specific JavaScript object as a parameter. To access the JavaScript object you need to use class JSInterface and top level DOM object from the root structure of HTML page.

<!–[if !supportLists]–>· <!–[endif]–>JSInterface.window – JavaScript window object

<!–[if !supportLists]–>· <!–[endif]–>JSInterface.document – JavaScript document object

<!–[if !supportLists]–>· <!–[endif]–>JSInterface.navigator – JavaScript navigator object

<!–[if !supportLists]–>· <!–[endif]–>JSInterface.main – JavaScript HTMLElement object which contain currect instance of flash player

For example, I assign a function to handle event click HTML document:

package {

import aw.external.JSInterface;

import flash.display.Sprite;

[SWF(width="20", height="20")]

public class Test extends Sprite{

public function Test():void{



JSInterface.document.body.onclick = this.onclickHandler;


protected function onclickHandler():void{

trace(‘ TEST ‘);




This example can not work locally, if so – start debug session over HTTP.

You can change this example to handle click event from HTML button.

Add button to default HTML template:

<input type=”button” id=”clickButton” value=”Click me!/>

Change JSInterface object using buttons ID:

JSInterface.document.getElementById(‘clickButton’).onclick = this.onclickHandler;

Happy clicking!

JSInterface [转] 有1条回应

  1. Awesome!
    Would be greater if has AS2 support.



电子邮件地址不会被公开。 必填项已用 * 标注


您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>