从Silverlight调用Javascript函数

从Silverlight调用JavaScript函数

基础概念

Silverlight是微软开发的浏览器插件技术，允许在网页中运行.NET应用程序。与JavaScript交互是Silverlight应用常见的需求，因为需要与宿主网页进行通信。

调用JavaScript的方法

1. 使用HtmlPage.Window.Invoke方法

这是最直接的方式，通过Silverlight的System.Windows.Browser命名空间提供的API：

using System.Windows.Browser;

// 调用无参数JavaScript函数
HtmlPage.Window.Invoke("jsFunctionName");

// 调用带参数的JavaScript函数
HtmlPage.Window.Invoke("jsFunctionName", "param1", 123, true);

2. 使用ScriptObject

可以获取对JavaScript对象的引用并进行更复杂的交互：

ScriptObject jsObject = HtmlPage.Window.GetProperty("jsObject") as ScriptObject;
jsObject.Invoke("methodName", arg1, arg2);

优势

无缝集成：允许Silverlight应用与网页其他部分交互
功能扩展：可以利用现有JavaScript库的功能
双向通信：结合JavaScript调用Silverlight的能力实现完整交互

常见问题及解决方案

问题1：JavaScript函数未定义

原因：可能在Silverlight加载前JavaScript函数还未定义，或函数名拼写错误。

解决方案：

确保JavaScript在Silverlight加载前已定义
使用try-catch处理调用异常

try {
    HtmlPage.Window.Invoke("jsFunction");
} catch (Exception ex) {
    // 处理错误
}

问题2：跨域安全限制

原因：Silverlight应用和宿主页面不同源时会有安全限制。

解决方案：

确保两者同源
配置跨域策略文件

问题3：参数传递问题

原因：Silverlight和JavaScript类型系统不完全兼容。

解决方案：

使用简单类型(string, number, boolean)
复杂对象可序列化为JSON字符串传递

var data = new { Name = "Test", Value = 123 };
HtmlPage.Window.Invoke("jsFunction", JsonConvert.SerializeObject(data));

应用场景

DOM操作：从Silverlight控制页面元素
调用现有JS库：如调用图表库显示数据
与浏览器API交互：如地理位置、本地存储等
与第三方服务集成：如社交媒体分享功能

最佳实践

在App.xaml.cs的Application_Startup中检查浏览器支持：

if (!HtmlPage.IsEnabled)
{
    throw new Exception("This application requires browser scripting support.");
}

使用接口抽象JavaScript调用，便于测试和维护：

public interface IJavaScriptInvoker
{
    void ShowMessage(string message);
}

public class JavaScriptInvoker : IJavaScriptInvoker
{
    public void ShowMessage(string message)
    {
        HtmlPage.Window.Invoke("showMessage", message);
    }
}