Silverlight入门学习（27）

原文地址： http://www.dingos.cn/index.php?topic=2000.0

第二十七章   如何从 Silverlight 代码调用 Javascript 函数？

Silverlight 的一个优点是可以访问承载它的 Web 页面的 HTML 文档。 Silverlight 可以访问 HTML 元素，因此也可以调用 Javascript 方法。

下面的步骤显示了如 何在 Silverlight 中调用 JavaScript 方法。

打开承载 Silverlight 控件的 Asp.NET 页面或 HTML 页面。添加 Javascrpit 方法，如下所示：

< script language ="javascript">

function SayHello() {

    alert("Hello from JavaScript, invoked by Silverlight" );

}   

</ script >

打开 XAML 控件文件并添加一个按钮控件，如下所示：

< Grid x : Name ="LayoutRoot" Background ="White">

    < Button x : Name ="btnSayHello" Content ="Say Hello" Width ="150" Height ="30"

             Click ="btnSayHello_Click"></ Button >

</ Grid >

来到 XAML 页面的后台代码文件，并添加按钮点击事件：

private void btnSayHello_Click(object sender, RoutedEventArgs e){

    HtmlPage .Window.Invoke("SayHello" );

}

为了使用 HtmlPage 类，必须包含 System.Windows.Browser 命名空间。

using System.Windows.Browser;

完成后，运行 Silverlight 应用程序查看结果。当点击 Silverlight 控件中的按钮，可以看见一个从 Javascript 方法而来的弹出信息。