The following code helps you to do this.
Save the following code as am .mxml file
<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute" creationComplete="init()">
<mx:Script>
<![CDATA[
private var calledFromJSHandlerFunction:Function = calledFromJSHandler;
private function init():void{
html.addEventListener(Event.HTML_DOM_INITIALIZE, domInitialized);
html.location = "start.html";
}
private function domInitialized(event:Event):void{
html.htmlLoader.window.calledFromJSHandlerFunction = calledFromJSHandlerFunction;
}
private function calledFromJSHandler():void {
mx.controls.Alert.show("ActionScript called from JavaScript", "Alert");
}
private function doHTMLAlert( ):void {
html.htmlLoader.window.calledFromAS();
}
]]>
</mx:Script>
<mx:Button id="alertBtn" label="Call JavaScript from ActionScript"
click="doHTMLAlert()" x="137" y="10"/>
<mx:HTML id="html" x="137" y="40" width="339"/>
<mx:Label x="10" y="12" text="Normal MXML Button"/>
<mx:Label x="28" y="38" text="HTML component"/>
</mx:WindowedApplication>
The html file start.html
<html>
<script language="Javascript">
function calledFromAS() {
alert('Hello from ActionScript');
}
</script>
<body>
<input type="button"
value="Call ActionScript from JavaScript"
onclick="calledFromJSHandlerFunction()" />
<br />
<input type="button"
value="Normal JavaScriptAlert"
onclick="alert('Hello from JavaScript')">
</body>
</html>
Link to this post!