使用Javascript调用Silverlight

一、 在Silverlight注册一个Javascript脚本对象，并将C#方法暴露出来，就可以了。

注册脚本对象：

HtmlPage.RegisterScriptableObject("Builder",this);

定义脚本成员:

[ScriptableMember]

public void CreateRect(int width,int height)

{

   Rectangle rect = new Rectangle();

   rect.width = width;

   rect.height = height; 

   rect.Fill = new SolidColorBrush(Colors.Blue);

   LayoutRoot.Children.Claer();

   LayoutRoot.Children.Add(rect);

}

二、 在Html中定义一个Silverlight对象，通过javascript获取此对象，用此对象来调用CreateRect方法创建矩形。

创建Silverlight对象：

<Object id="XamlObject" data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="400" height="300">

<param name="source" value="ClientBin/Sample.xap"/>

<param name="onerror" value="onSilverlightError"/>

<param name="background" value="white"/>

<param name="minRuntimeVersion" value="2.0.31005.0"/>

<param name="autoUpgrade" value="true"/>

</Object>

通过点击按钮，调用该对象的方法：

<!--html-->

<input id="button1" type="button" value="生成矩形" onclick="createRectangle();">

<!--javascript-->

function createRectange(){

   var xamlObject = document.all('xamlObject');

   xamlObject.content.Builder.CreateRect(100,200);

}