Flex如何获取HTML容器传递的URL参数：实例与原理

在Flex开发中，当需要从HTML容器传递参数给嵌入的SWF文件时，由于FlexBuilder默认会将SWF封装在HTML中，开发者通常无法直接访问URL参数。然而，可以通过JavaScript与Flex应用程序之间的交互来实现这一功能。关键步骤包括以下几个： 1. JavaScript的作用： JavaScript在HTML中负责接收外部参数，比如`test.html?name=jex&address=chengdu`中的这些参数。它通过读取`window.location`对象来获取URL信息。 2. ExternalInterface的使用： `ExternalInterface`是Flex提供的一种机制，用于ActionScript与JavaScript进行双向通信。在Flex代码中，可以使用`ExternalInterface.call()`方法来调用JavaScript函数，传递参数并接收返回结果。例如： ```actionscript ExternalInterface.call("getParametersFromUrl", urlString); // 假设js函数名为getParametersFromUrl ``` 这里`urlString`是从HTML中获取的完整URL。 3. 获取URL参数： JavaScript中的`window.location`对象包含`href`属性获取完整URL，`search`属性获取查询字符串（即问号后面的部分）。代码示例可能如下： ```javascript var queryString = window.location.search; var params = queryString.substring(1).split('&'); // 去掉第一个字符（?）并分割参数对 ``` 4. 参数处理： 分解得到的参数对后，可以根据需求进一步解析，可能涉及到使用`URLSearchParams`对象或自定义解析逻辑，以便在ActionScript中获取特定参数的值。 5. 通信流程总结： - HTML容器传递参数给JavaScript。 - JavaScript通过`window.location`获取参数，然后传递给`ExternalInterface`。 - `ExternalInterface`调用ActionScript函数，将参数作为输入。 - ActionScript处理这些参数，完成所需的功能。 要在Flex中获取HTML容器传递的URL参数，开发者需要巧妙地利用JavaScript和ActionScript之间的交互，通过`ExternalInterface`桥接，确保数据的有效传递和解析。