Actionscript與javascript交互實(shí)例程序(修改)
更新時(shí)間：2016年09月22日 10:52:56 作者：neil89
這篇文章主要介紹了Actionscript與javascript交互實(shí)例程序(修改)的相關(guān)資料,本文介紹的非常詳細(xì)，具有參考借鑒價(jià)值，需要的朋友可以參考下
mxml頁(yè)面：
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
width="100%" height="100%" xmlns:code="http://code.google.com/p/flex-iframe/"
creationComplete="initApp()">
<fx:Declarations>
<!-- 將非可視元素（例如服務(wù)、值對(duì)象）放在此處 -->
</fx:Declarations>
<fx:Script>
<![CDATA[
import flash.external.*; //引入ExternalInterface
public function initApp():void
{
ExternalInterface.addCallback("myJsFunction",myAsFuncn);
button.addEventListener(MouseEvent.CLICK,buttonClick);
}
public function myAsFuncn(js:String):String
{
return "js:"+js+"訪問(wèn)了as："+asInput.text;
}
private function buttonClick(event:MouseEvent):void
{
trace(asInput.text);
label.text = "as 調(diào)用 js ...";
var result:String = callJS(asInput.text);
label.text = "返回值：" + result;
}
private function callJS(arg:String):String
{
return ExternalInterface.call("jsMethod",arg);
}
private function asMethod(arg:String):String
{
label.text = arg;
return "js 調(diào)用了 as 成功！";
}
]]>
</fx:Script>
<s:VGroup width="100%" height="100%">
<s:VGroup width="100%">
<mx:Button x="169.5" y="162" label="點(diǎn)擊" fontSize="14" id="button"/>
<mx:TextInput id="asInput" x="122" y="76"/>
<s:Label id="label"/>
</s:VGroup>
</s:VGroup>
<code:IFrame source="MyHtml.html" width="500" height="500"/>
</s:Application>
html頁(yè)面：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>MyHtml.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script language="JavaScript">
function callAs( )
{
var myFlexfun=document.getElementById("myFlexFun");
var result=myFlexfun.myJsFunction(jsinput.value);
alert(result);
mess.value=result;
}
function jsMethod(arg) {
alert("as 調(diào)用 js 成功，參數(shù)為：" + arg);
return ("as 調(diào)用 js 成功！");
}
</script>
</head>
<body>
<table>
<tr>
<td>
<object id= "myFlexFun" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="400" height="300">
<param name="movie" value="test.swf" />
<param name="quality" value="high" />
<embed src="test.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="400" height="300"></embed>
</object>
</td>
</tr>
<tr>
<td>
<input type="input" id="jsinput"/>
<input type="button" value="點(diǎn)我看效果" onclick="callAs()"/>
<input type="input" id="mess"/>
</td>
</tr>
</table>
</body>
</html>
如果試過(guò)以上的方法，會(huì)發(fā)現(xiàn)在被嵌入的Html見(jiàn)面中又嵌入了一個(gè)父級(jí)的swf文件，如下
這種情況顯然不是我想要的結(jié)果。于是修改下代碼，如下：
mxml頁(yè)面
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
width="100%" height="100%" xmlns:code="http://code.google.com/p/flex-iframe/"
creationComplete="initApp()">
<fx:Declarations>
<!-- 將非可視元素（例如服務(wù)、值對(duì)象）放在此處 -->
</fx:Declarations>
<fx:Script>
<![CDATA[
import flash.external.*;
import mx.controls.Alert;
import mx.rpc.events.ResultEvent; //引入ExternalInterface
public function initApp():void
{
ExternalInterface.addCallback("sayCallBack",callBack);
}
public function callBack(str:String):String{
return "Hello "+str;
}
protected function button1_clickHandler(event:MouseEvent):void
{
ExternalInterface.call('sayHelloWorld',' Jim');
var array:Array = new Array();
array.push("a", "b","c","d","e");
myIFrame.callIFrameFunction('jsMethod',array,function(str:String):void{
label.text=str;
});
}
public static function str():String{
return "aaa";
}
]]>
</fx:Script>
<s:VGroup width="100%" height="100%">
<s:BorderContainer width="100%" height="300" backgroundColor="#00ffaa">
<s:HGroup width="100%">
<s:Button label="調(diào)用js" click="button1_clickHandler(event)"/>
<mx:Button x="169.5" y="162" label="點(diǎn)擊" fontSize="14" id="button"/>
<mx:TextInput id="asInput" x="122" y="76"/>
<s:Label id="label"/>
</s:HGroup>
</s:BorderContainer>
<s:BorderContainer width="100%" height="300">
<code:IFrame id="myIFrame" source="com/MyHtml.html" width="100%" height="100%"/>
</s:BorderContainer>
</s:VGroup>
</s:Application>
html頁(yè)面：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>MyHtml.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script language="JavaScript">
function callAs( )
{
var ifrm =window.parent.xiSwfUrlStr;
if (ifrm)
{
alert(ifrm);
}else{
alert('false');
}
}
function jsMethod(arr) {
alert("as 調(diào)用 js 成功，參數(shù)為："+arr[4]);
return ("as 調(diào)用 js 成功！");
}
function callA(){
var str=window.parent.document.getElementById("test").sayCallBack("Bill");
if (str)
{
alert(str);
mess.value=str;
}else{
alert('false');
}
}
</script>
</head>
<body>
<table>
<tr>
<td >
<object id= "myFlexFun" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%">
<param name="movie" value="../test.swf" />
<param name="quality" value="high" />
</object>
</td>
</tr>
<tr>
<td>
<input type="input" id="jsinput"/>
<input type="button" value="點(diǎn)我看效果" onclick="callA()"/>
<input type="input" id="mess"/>
</td>
</tr>
</table>
</body>
</html>
這樣，html的js腳本就可以直接調(diào)用as腳本，而不需要再次嵌入swf文件。
以上所述是小編給大家介紹的Actionscript與javascript交互實(shí)例程序(修改)，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)分享朋友圈的圖片功能,結(jié)合實(shí)例形式分析了微信小程序?qū)崿F(xiàn)分享到朋友圈功能的具體操作技巧,需要的朋友可以參考下2019-01-01
微信公眾號(hào)weixin-js-sdk使用方法總結(jié)
最近做了一個(gè)活動(dòng)頁(yè)面,需要自定義微信分享的標(biāo)題、詳情、縮略圖和url,使用到了jssdk,這篇文章主要給大家介紹了關(guān)于微信公眾號(hào)weixin-js-sdk使用方法的相關(guān)資料,需要的朋友可以參考下2022-12-12
LayUI switch 開(kāi)關(guān)監(jiān)聽(tīng) 獲取屬性值、更改狀態(tài)的方法
今天小編就為大家分享一篇LayUI switch 開(kāi)關(guān)監(jiān)聽(tīng) 獲取屬性值、更改狀態(tài)的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
layui表格內(nèi)放置圖片,并點(diǎn)擊放大的實(shí)例
今天小編就為大家分享一篇layui表格內(nèi)放置圖片,并點(diǎn)擊放大的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
這篇文章主要介紹了JavaScript中數(shù)組成員的添加、刪除介紹,本文主要講解push()、unshift()、pop()、shift()等函數(shù)的應(yīng)用,需要的朋友可以參考下2014-12-12
JavaScript性能陷阱小結(jié)(附實(shí)例說(shuō)明)
JavaScript陷阱太多，因此我們得步步為營(yíng)，下面這些點(diǎn)，相信很多同學(xué)都會(huì)遇到，希望朋友們多注意下。JavaScript陷阱太多，因此我們得步步為營(yíng)，下面是一些常見(jiàn)的影響性能的陷阱。2010-12-12
這篇文章主要介紹了微信小程序封裝分享與分銷(xiāo)功能過(guò)程解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-08-08
Cookie是客戶(hù)端存放數(shù)據(jù)的一種方式,可用來(lái)做狀態(tài)保持,下面這篇文章主要給大家介紹了關(guān)于JS?cookie的設(shè)置、讀取和刪除方法例子的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-01-01
下面小編就為大家?guī)?lái)一篇淺談js原生拖放。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-11-11
這篇文章主要介紹了小程序紅包雨的實(shí)現(xiàn)示例，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-02-02