cobra - 2008-3-15 13:35:00
文/Terrylee 出处/博客园
概述
Silverlight 2 Beta 1版本发布了，无论从Runtime还是Tools都给我们带来了很多的惊喜，如支持框架语言Visual Basic, Visual C#, IronRuby, Ironpython，对JSON、Web Service、WCF以及Sockets的支持等一系列新的特性。《一步一步学Silverlight 2系列》文章将从Silverlight 2基础知识、数据与通信、自定义控件、动画、图形图像等几个方面带您快速进入Silverlight 2开发。
Silverlight中内置了对于HTML、客户端脚本等的支持。很多情况下，我们编写的Web应用程序中用了一些JavaScript或者AJAX框架，我们希望能够在Silverlight调用某些脚本方法，或者说在Silverlight中触发某个脚本的执行，这时就需要用到在Silverlight中调用JavaScript，本文将简单介绍这一内容。
使用GetProperty获取脚本对象
先来看一个简单的例子，在Silverlight测试页面中放入一个div用作显示信息：
<div id="result"></div>
编写一段简单的JavaScript代码：
再编写一个简单的输入信息界面：
实现对脚本的调用：
ScriptObject提供了任何客户端脚本的封装，不仅仅是JavaScript，使用其他的AJAX框架也可以，如jQuery等。然后调用InvokeSelf()方法，传入参数，这里ScriptObject总共提供了两个方法，Invoke和InvokeSelf，如果我们只调用脚本对象的自身，就可以使用InvokeSelf，如果脚本对象中还有其它的函数等，可以使用Invoke传入名称进行调用，两个方法的定义如下：
运行上面的示例：
附件: 您所在的用户组无法下载或查看附件
输入TerryLee后点击调用，可以看到确实调用了客户端脚本：
附件: 您所在的用户组无法下载或查看附件
概述
Silverlight 2 Beta 1版本发布了，无论从Runtime还是Tools都给我们带来了很多的惊喜，如支持框架语言Visual Basic, Visual C#, IronRuby, Ironpython，对JSON、Web Service、WCF以及Sockets的支持等一系列新的特性。《一步一步学Silverlight 2系列》文章将从Silverlight 2基础知识、数据与通信、自定义控件、动画、图形图像等几个方面带您快速进入Silverlight 2开发。
Silverlight中内置了对于HTML、客户端脚本等的支持。很多情况下，我们编写的Web应用程序中用了一些JavaScript或者AJAX框架，我们希望能够在Silverlight调用某些脚本方法，或者说在Silverlight中触发某个脚本的执行，这时就需要用到在Silverlight中调用JavaScript，本文将简单介绍这一内容。
使用GetProperty获取脚本对象
先来看一个简单的例子，在Silverlight测试页面中放入一个div用作显示信息：
<div id="result"></div>
编写一段简单的JavaScript代码：
引用:
<script type="text/javascript">
function Hello(message)
{
var resultSpan = $get("result");
resultSpan.innerText = "Hello " + message;
}
</script>
function Hello(message)
{
var resultSpan = $get("result");
resultSpan.innerText = "Hello " + message;
}
</script>
再编写一个简单的输入信息界面：
引用:
<StackPanel Background="#CDFCAE" Orientation="Vertical">
<StackPanel Height="40">
<TextBlock Text="Calling Browser Script from Silverlight"
Foreground="Red"></TextBlock>
</StackPanel>
<StackPanel Orientation="Horizontal">
<TextBox x:Name="input" Width="340" Height="40" Margin="20 0 20 0"></TextBox>
<Button x:Name="submit" Width="120" Height="40" Background="Red"
C F Foreground="Red" Click="submit_Click"></Button>
</StackPanel>
</StackPanel>
<StackPanel Height="40">
<TextBlock Text="Calling Browser Script from Silverlight"
Foreground="Red"></TextBlock>
</StackPanel>
<StackPanel Orientation="Horizontal">
<TextBox x:Name="input" Width="340" Height="40" Margin="20 0 20 0"></TextBox>
<Button x:Name="submit" Width="120" Height="40" Background="Red"
C F Foreground="Red" Click="submit_Click"></Button>
</StackPanel>
</StackPanel>
实现对脚本的调用：
引用:
private void submit_Click(object sender, RoutedEventArgs e)
{
ScriptObject hello = HtmlPage.Window.GetProperty("Hello") as ScriptObject;
hello.InvokeSelf(this.input.Text);
}
{
ScriptObject hello = HtmlPage.Window.GetProperty("Hello") as ScriptObject;
hello.InvokeSelf(this.input.Text);
}
ScriptObject提供了任何客户端脚本的封装，不仅仅是JavaScript，使用其他的AJAX框架也可以，如jQuery等。然后调用InvokeSelf()方法，传入参数，这里ScriptObject总共提供了两个方法，Invoke和InvokeSelf，如果我们只调用脚本对象的自身，就可以使用InvokeSelf，如果脚本对象中还有其它的函数等，可以使用Invoke传入名称进行调用，两个方法的定义如下：
引用:
[SecuritySafeCritical]
public virtual object Invoke(string name, params object[] args);
[SecuritySafeCritical]
public virtual object InvokeSelf(params object[] args);
public virtual object Invoke(string name, params object[] args);
[SecuritySafeCritical]
public virtual object InvokeSelf(params object[] args);
运行上面的示例：
附件: 您所在的用户组无法下载或查看附件输入TerryLee后点击调用，可以看到确实调用了客户端脚本：
附件: 您所在的用户组无法下载或查看附件