externalinterface如何实现跨域通信 - 问答

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 函数。

<script type="text/javascript">
    function myJavaScriptFunction() {
        // 这里是你想在 ActionScript 中执行的操作
        // 例如，你可以通过 document.getElementById 获取 HTML 元素并与之交互
    }
</script>

触发通信：

在 ActionScript 中，你可以通过调用 ExternalInterface.call() 方法来触发 JavaScript 中的函数。

if (ExternalInterface.available) {
    ExternalInterface.call("myJavaScriptFunction");
}

需要注意的是，出于安全考虑，浏览器通常只允许来自相同源的脚本访问 ExternalInterface。如果你尝试从不同的源访问 ExternalInterface，浏览器可能会阻止这种通信。为了解决这个问题，你可以使用跨域资源共享（CORS）策略，或者在本地设置一个简单的代理服务器来转发请求。

另外，虽然 ExternalInterface 提供了一种机制来允许 SWF 与 HTML 之间进行通信，但它并不直接支持跨域通信。跨域通信通常涉及到更复杂的设置，例如配置服务器以允许跨域请求，或使用特定的技术（如 WebSockets 或 postMessage）来实现跨域通信。

0 赞

0 踩