Flex3与页面JavaScript的相互调用
日前做项目，需要把页面的JS代码抽出来放到一个.js文件中，由于flex程序是以div+SWFObject的方式嵌入到页面的，为了达到目标网站只需要引用一个.js文件即实现引用项目工程的目的，所以也要把SWFObject的代码放到.js文件中。
思路是用document.write()把引用swf文件的代码写进页面，然后把flex要调用的js函数都放到.js文件中
很快，就迁移完毕了。测试ing...
想不到的是，flex中用ExternalInterface.call("methodName",params);调JS函数缺没有返回值，用alert("a")弹出一下，果然没有调用到。这是为什么呢？难道把SWF用document.write的方式加入到页面后权限降低了？
放狗找了一下，似乎大家的调用都很正常……唉……人生最痛苦的事情莫过于此了。
突然想到infoq的一些连接显示的是类似javascript:void(0)的字样，于是乎，我想到了用flex的URLRequest调用页面的JS。
立刻尝试
flex中：
var req:URLRequest = new URLRequest("javascript:test('hello')");
navigateToURL(req,"_self");
在JS中：
function test(str){
alert("你好" + str);
return "world";
}
浏览器弹出对话框，里面的文字显示也正常。
这说明用URLRequest调用是没问题的。
但是……浏览器却跳转了，页面显示world。
很明显，不可以单纯地这么调。
怎么办呢？翻了一下flex的文档，原来ExternalInterface有个addCallBack的方法，使用它可以建一个JS的回调函数
使用方法如下：
ExternalInterface.addCallBack("returnValue",returnValue);//第一个参数是开放给JS的函数名，第二个参数是对应的AS方法。
flex中：
public function invokeJavaScript(details:String):void{
var JavaScriptRequest:URLRequest = new URLRequest("javascript:" + details);
navigateToURL(JavaScriptRequest,"_self");
}
public function returnValue(value:String):void{
this.value = value;
}
private function testASJS():void{
invokeJavaScript("test('seal','老胡')");
}
js中：
function thisMovie(flexName) {
if (navigator.appName.indexOf("Microsoft") != -1) {
return window[flexName];
} else {
return document[flexName];
}
}
function sendToActionScript(flexName,value) {
thisMovie(flexName).returnValue(value);
}
function test(flexName,param1){
sendToAction
相关文档：
1.document.formName.item('itemname')的问题
说明：IE下可以使用document.formName.item('itemname')和document.formName.elements('elementsName');
FF下只能使用docuement.formName.elements('elementsName');
解决方法：统一使用docuement.formName.elements('elementsName');
2.集合类对象问题
说明：IE下可以使用[]和 ......
最近在看Flex3权威指南，里面对页面架构和RIA技术总结的很好。
一. 基于页面架构的Web应用流程
1. 用户打开浏览器，向WEB服务器请求一个页面。
2. WEB服务器收到请求。
3. (optional)网络服务器把请求交给应用服务器来动态组装页面。
&nb ......
JavaScript 能做什么？
JavaScript 为 HTML 设计师提供了一种编程工具 HTML 创作者往往都不是程序员，但是 JavaScript 却是一种只拥有极其简单的语法的脚本语言！几乎每个人都有能力将短小的代码片断放入他们的 HTML 页面当中。 JavaScript 可以将动态的文本放入 HTML 页面 类似于这样的一段 JavaScript 声明可以将一段可� ......
单体模式（singleton）
单体是在脚本加载时创建的，能将一系列有关联的变量和方法组织为一个逻辑单元，逻辑单元里面的内容通过单一的变量进行访问；
一个单体主要分为三部分
用于访问内部信息的入口变量（如：Sky）
属性（如：nickName/age/timeInfo）
方法（如：sayHello）
基本结构
01
var Sky = {
02
& ......
1. 一种面向对象语言需要开发者提供以下四种基本能力。
（1）封装---把相关信息（无论属性还是方法）存储在对象中的能力。
（2）聚集---把一个对象存储在另一个对象内的能力。
（3）继承---由另一个类（或多个类）得来类的属性或方法的能力。
（4）多态---编写能以多种方法运行的函数或方法的能力。
2. 把对象的所 ......
