开发学院图形图像Flash 学Silverlight 2系列(21):如何在Silverlight中... 阅读

学Silverlight 2系列(21):如何在Silverlight中调用JavaScript

 2008-10-03 11:34:53 来源:WEB开发网   
核心提示:概述Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,学Silverlight 2系列(21):如何在Silverlight中调用JavaScript,如支持框架语言Visual Basic, Visual C#, IronRuby, Ironpython,

概述

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>

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

<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>

实现对脚本的调用:

1 2 3 4  下一页

Tags:Silverlight 系列 如何

编辑录入:爽爽 [复制链接] [打 印]
[]
  • 好
  • 好的评价 如果觉得好,就请您
      0%(0)
  • 差
  • 差的评价 如果觉得差,就请您
      0%(0)
赞助商链接