Silverlight与JS交互

概述1、Silverlight直接调用JS的函数： 这个很简单，只要在HTML中定义好JS函数，然后在Silverlight中调用：HtmlPage.Window.Invoke("函数名",para1,para2...);即可。 其中第一个参数为string型的函数名，与JS中的函数要一致，后面的为参数，取决于JS中函数的定义。 2、JS中引用Siverlight的对象（C#对象），并获取对象的属性、 1、Silverlight直接调用Js的函数：

这个很简单，只要在HTML中定义好Js函数，然后在Silverlight中调用：HTMLPage.Window.Invoke("函数名",para1,para2...);即可。

其中第一个参数为string型的函数名，与Js中的函数要一致，后面的为参数，取决于Js中函数的定义。

2、Js中引用Siverlight的对象（C#对象），并获取对象的属性、调用对象的函数：

思路为：定义C#对象——》实例化对象——》将实例以某一个ID作为Key注册到Js中——》Js载入时需要获取Silverlight的Host，其中包含了所有由C#注册的对象实例，凭借ID获取即可。

注意：需要对Js暴露的函数或者属性前，要标记[ScriptableMemberAttribute]属性，如果想偷懒，可以直接在类头标记[ScriptableType]属性

例：

1、定义C#对象：

[ScriptableType]        public class MyJsClass        {　　　　　　private string[] List;            public MyJsClass()            {                List = new string[10];                for (int i = 0; i < List.Length; i++)                {                    List[i] = "wangtao " + i;                }            }                                   //[ScriptableMemberAttribute]            public int Length            {                get                {                    return List.Length;                }            }            [ScriptableMemberAttribute]            public string getStr(int index)            {                return List[index];            }        }

2、实例化，并注册：

HTMLPage.RegisterScriptableObject("abc",new MyJsClass());

　　这里abc就是ID，在Js代码中必须根据这个ID来找到对象实例。

3、Js载入时需要获取Silverlight的Host

　　在Js中定义一个全局变量：

　　var control = null;这个是对Silverlight宿主的引用，因为可能多个Js函数都要用到它，所以作为全局变量。

　　在HTML中，找到<object></object>标记对，添加一个param:

　　<param name="onLoad" value="plugInLoaded"/>

　　并在Js部分添加对应的载入函数：

　　

function plugInLoaded(sender,args) {            control = sender.getHost();//获取宿主            try {                var i = 0;                var len = control.Content.abc.Length;                var result = null;                var str = "";                for (i = 0; i < len; i++ ) {                    result = control.Content.abc.getStr(i);                    str += result + "\n";                }                alert(str);            }            catch (e) {                alert(e);            }        }

这个例子中，我在载入页面后，获取了宿主，并立刻调用了C#对象实例，一般情况下，只需保留 “control = sender.getHost();//获取宿主” 即可，至于C#对象则等到需要调用的Js函数中使用即可。

这样，通过上述的方法，可以无缝实现Silverlight调用Js和Js调用C#对象了，许多Js有而Silverlight没有的功能就可以利用这点来实现了。

转自：http://www.cnblogs.com/wt616/archive/2011/10/08/2201987.html

总结

以上是内存溢出为你收集整理的Silverlight与JS交互全部内容，希望文章能够帮你解决Silverlight与JS交互所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。