ExternalInterface
是 ActionScript 3.0 提供的一种机制,允许 SWF 文件与包含它的 HTML 页面进行通信。这种通信是通过 JavaScript 接口实现的,因此它实际上并不直接实现跨域通信,而是利用了浏览器允许跨域访问的某些特性。以下是如何使用 ExternalInterface
实现 SWF 与 HTML 之间的通信的基本步骤:
- 在 ActionScript 中定义接口:
使用 ExternalInterface.available
检查浏览器是否支持 ExternalInterface
。如果支持,就可以定义一个 JavaScript 可调用的方法。
if (ExternalInterface.available) { ExternalInterface.addCallback("myJavaScriptFunction", myActionScriptFunction); } function myActionScriptFunction():void { // 这里是你想在 JavaScript 中执行的操作 }
- 在 HTML 中定义 JavaScript 函数:
在 HTML 页面中,你需要定义一个与 ActionScript 中定义的方法名称相匹配的 JavaScript 函数。
- 触发通信:
在 ActionScript 中,你可以通过调用 ExternalInterface.call()
方法来触发 JavaScript 中的函数。
if (ExternalInterface.available) { ExternalInterface.call("myJavaScriptFunction"); }
需要注意的是,出于安全考虑,浏览器通常只允许来自相同源的脚本访问 ExternalInterface
。如果你尝试从不同的源访问 ExternalInterface
,浏览器可能会阻止这种通信。为了解决这个问题,你可以使用跨域资源共享(CORS)策略,或者在本地设置一个简单的代理服务器来转发请求。
另外,虽然 ExternalInterface
提供了一种机制来允许 SWF 与 HTML 之间进行通信,但它并不直接支持跨域通信。跨域通信通常涉及到更复杂的设置,例如配置服务器以允许跨域请求,或使用特定的技术(如 WebSockets 或 postMessage)来实现跨域通信。