Welcome

首页 / 软件开发 / Silverlight / 学Silverlight 2系列(21):如何在Silverlight中调用JavaScript

学Silverlight 2系列(21):如何在Silverlight中调用JavaScript2011-09-10 cnblogs TerryLeeSilverlight中内置了对于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>

再编写一个简单的输入信息界面:

<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"
Content="调 用" FontSize="20" Foreground="Red" Click="submit_Click"></Button>
</StackPanel>
</StackPanel>