Silverlight中内置了對于HTML、用戶端腳本等的支援。上一篇介紹在 Silverlight中調用JavaScript，本文我将介紹在Silverlight中如何用 JavaScript調用.NET代碼。
使用RegisterScriptableObject
在Silverlight 2中提供了如下兩個類型：
ScriptableMemberAttribute：允許我們在Silverlight把成員暴露給Script 。
ScriptableTypeAttribute：允許我們在Silverlight把類型暴露給Script。
同時HtmlPage提供了RegisterCreateableType和RegisterScriptableObject 方法，用來注冊可被腳本使用的類型或者對象執行個體。有了上面這些，就可以做到 在JavaScript中調用Silverlight。
看一個簡單的示例，在這個示例中，我們期望通過JavaScript傳遞兩個參數 給Silverlight中的方法，由該方法計算出結果後顯示在Silverlight中，如圖所 示：
首先我們編寫在Silverlight中的界面布局：
<StackPanel Background="#CDFCAE" Orientation="Horizontal">
<Border CornerRadius="10" Width="100" Height="40" Margin="50 10 0 0">
<TextBlock Text="結果顯示：" FontSize="20" Foreground="Red"></TextBlock>
</Border>
<Border CornerRadius="10" Background="Green" Width="300" Height="40">
<TextBlock x:Name="result" FontSize="20" Foreground="White"
Margin="20 5 0 0"></TextBlock>
</Border>
</StackPanel>
并在加載時注冊一個腳本可調用的目前頁面執行個體：
private void UserControl_Loaded(object sender, RoutedEventArgs e)
{
HtmlPage.RegisterScriptableObject ("Calculator", this);
}
編寫一個Add方法，該方法将在JavaScript中被調用，必須為public，用 ScriptableMember特性暴露給腳本。
[ScriptableMember]
public void Add(int x, int y)
{
int z = x + y;
this.result.Text = String.Format("{0} + {1} = {2}", x, y, z);
}
現在編寫測試頁中的内容，提供輸入的input控件：
<div class="main">
<input id="txt1" type="text" />
<input id="txt2" type="text" />
<input id="Button1" type="button" value="确 定"/>
</div>
編寫JavaScript調用Silverlight中的方法，擷取Silverlight插件， Calculator就是我們剛才所注冊的執行個體：
<script type="text/javascript">
function callSilverlight()
{
var slPlugin = $get ('Xaml1');
slPlugin.content.Calculator.Add($get ('txt1').value,$get('txt2').value);
}
</script>
在按鈕單擊事件中調用該方法
<input id="Button1" type="button" value="确 定" onclick="callSilverlight()" />
運作後結果：
輸入兩個數後顯示出結果：
使用RegisterCreateableType
現在我們再看一下如何使用RegisterCreateableType。對上面的示例做一些 簡單的改動，在Silverlight項目中添加一個Calculator類，需要給它加上 ScriptableType特性：
[ScriptableType]
public class Calculator
{
[ScriptableMember]
public int Add(int x, int y)
{
return x + y;
}
}
在頁面加載時修改為如下代碼，指定一個别名和要注冊的類型：
HtmlPage.RegisterCreateableType("calculator", typeof (Calculator));
這樣在JavaScript中就可以這樣進行調用了，先建立一個之前注冊為 ScriptableType的執行個體，再調用它的相關方法：
<script type="text/javascript">
function callSilverlight()
{
var slPlugin = $get ('Xaml1');
var cal = slPlugin.content.services.createObject("calculator");
alert(cal.Add($get('txt1').value,$get('txt2').value));
}
</script>
運作結果如下，沒有問題：
結束語
本文介紹了如何在JavaScript中調用Silverlight，通過前面幾篇文章的介紹 ，如對DOM的操作、在Silverlight中調用JavaScript、在JavaScript中調用 Silverlight等，可以看到，Silverlight與浏覽器之間互動有着很好的支援，後 面将繼續介紹其它内容。