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
相关文档:
TabNavigator默认是只初始化第一个TAB的,设一下属性,设了后会初始化其他TAB,creationPolicy="all"
补充下tab里面的容器是Canvas
动态生成TabNavigator tab页面
var canvas: Canvas = new Canvas();
canvas.label = "new Tab";
tabNavigator.addChild(canvas);
-------------------------------------------------- ......
1、使用Page.ClientScript.RegisterClientScriptBlock
RegisterClientScriptBlock方法可以把JavaScript函数放在页面的顶部。也就是说,该脚本用于在浏览器中启动页面。
Code
<%@ Page Language="C#" %>
<script runat="server">
protected void Page_Load(object send ......
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下可以使用[]和 ......
1. 函数在执行完 return 指令后就会停止执行代码.
function test(Num1,Num2){
return Num1+Num2;
alert(Num1+Num2); //never outputs
}
2. javascript 函数不能重载,也就是说可以在同一个作用域中定义多个同名函数,而最终执行的是后一个函数.
function test(num){
alert(num+10);
}
function ......
var request:URLRequest = new URLRequest('lx2.html');
navigateToURL(request,"_top");
"_top" 类似于html中的target
"_self" 指定当前窗口中的当前帧。
"_blank" 指定一个新窗口。
"_parent" 指定当前帧的父级。
"_top" 指定当前窗口中的顶级帧。
function check(us ......