吴佳鑫的个人专栏

当日事当日毕,没有任何借口

导航

如何从Silverlight 代码调用Javascript 函数

Silverlight 的一个优点是可以访问承载它的Web 页面的HTML 文档。Silverlight 可
以访问HTML 元素,因此也可以调用Javascript 方法。
下面的步骤显示了如何在Silverlight 中调用JavaScript 方法。
打开承载Silverlight 控件的Asp.NET 页面或HTML 页面。添加Javascrpit 方法,
如下所示:

View Code
<script language="javascript">
function SayHello() {
alert(
"Hello from JavaScript, invoked by Silverlight");
}
</script>

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

View Code
<Grid x:Name="LayoutRoot" Background="White">
<Button x:Name="btnSayHello" Content="Say Hello" Width="150" Height="30"
Click
="btnSayHello_Click"></Button>
</Grid>

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

View Code
private void btnSayHello_Click(object sender, RoutedEventArgs e){
HtmlPage.Window.Invoke(
"SayHello");
}

为了使用HtmlPage 类,必须包含System.Windows.Browser 命名空间。
using System.Windows.Browser;
完成后,运行Silverlight 应用程序查看结果。当点击Silverlight 控件中的按钮,
可以看见一个从Javascript 方法而来的弹出信息

posted on 2011-05-01 11:25  _eagle  阅读(797)  评论(0编辑  收藏  举报