第二十七章 如何从 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">

    <Buttonx : 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方法而来的弹出信息。

 

Silverlight入门知识学习目录