Silverlight与Web页面双向传值技术案例

在探讨silverlight与web页面之间的数据传递过程中，我们需要了解两者分别是什么，以及如何利用silverlight提供的功能和API实现与web页面的互动。 首先，Silverlight 是一种由微软公司开发的浏览器插件，用于在Web浏览器中显示富媒体应用程序。它包括一个运行时环境和一个框架，能够提供图形渲染、动画和音频视频的播放功能。Silverlight 应用程序通常由XAML（可扩展应用程序标记语言）和C#或VB.NET编写。它允许开发者创建与Flash和JavaFX竞争的富互联网应用程序（RIA）。 Web页面通常指的是使用HTML（超文本标记语言）、CSS（层叠样式表）和JavaScript等技术构建的网页。它们可以是静态的，也可以通过JavaScript动态地加载内容或与后端服务器交互。 在实现Silverlight与Web页面互传数据时，可以通过以下几种方式： 1. **Silverlight中的HtmlPage类：** Silverlight 提供了一个HtmlPage类，该类允许Silverlight应用程序访问和操作宿主HTML页面中的DOM元素。使用HtmlPage类，可以实现以下功能： - 获取对HTML元素的引用，从而操作DOM。 - 调用JavaScript函数，向Web页面发送数据或接收数据。 - 接收Web页面上JavaScript代码的事件通知。 2. **Silverlight调用JavaScript函数：** 通过HtmlPage类的ExecuteJavaScript方法，Silverlight可以调用Web页面中的JavaScript函数。这个JavaScript函数可以负责更新页面元素的内容、触发页面上的事件等。 例子代码（C#）： ```csharp // Silverlight端代码 public void CallJavaScriptFunction() { HtmlPage.Window.Invoke("myJavaScriptFunction", "传递的值"); } ``` 3. **JavaScript调用Silverlight中的方法：** JavaScript代码可以通过Silverlight插件对象调用Silverlight应用程序内部的方法。首先，需要在Silverlight的XAML文件中设置一个外部可调用的属性或方法。 XAML代码片段： ```xml <UserControl x:Name="MyControl" xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk"> <sdk:Silverlight x:Name="MySLObject"/> </UserControl> ``` 然后在JavaScript中，可以通过Silverlight对象访问该方法： ```javascript // Web页面中的JavaScript代码 var slObject = document.getElementById("MySilverlightElement"); slObject.Content.MyControl.MySLObject.CallMyMethod(); ``` 4. **Silverlight中的Island API：** Microsoft Silverlight提供了Island API，用于在Silverlight应用程序和宿主页面之间进行通信。通过该API可以实现相互调用和数据传递。 通过Silverlight的Application.Current.RootVisual属性获取对宿主页面的引用，再利用HtmlPage.Window.Execute方法执行JavaScript代码，或者注册事件处理器来响应JavaScript中的事件。 5. **跨域通信：** 由于浏览器安全模型的限制，Silverlight通常不能与非同源的Web页面进行通信。但是，可以通过跨域策略文件来允许跨域通信。Silverlight需要在AppManifest.xaml中声明允许跨域的地址，而Web页面需要提供一个跨域策略文件（crossdomain.xml或clientaccesspolicy.xml）。 通过上述方法，我们可以在Silverlight和Web页面之间进行双向的数据传递，从而实现复杂的交互功能。然而，需要注意的是Silverlight技术已经在2021年1月停止更新和发布，因此对于现代Web开发来说，更多使用HTML5、CSS3和JavaScript以及客户端框架来实现富交互式应用，因此本知识点对维护和迁移Silverlight应用有一定的参考价值。