韩小红体检卡:Silverlight与Html Dom的交互（二）

来源：百度文库编辑：九乡新闻网时间：2024/04/26 20:36:35

Silverlight与Html Dom的交互（二）--javascript调用silverlight

　　这个例子在网上很容易查到，也很实用。这里我也引用一下。省事了

Silverlight 2 在Silverlight中如何用JavaScript调用.NET代码

使用RegisterScriptableObject

在Silverlight 2中提供了如下两个类型：ScriptableMemberAttribute：允许我们在Silverlight把成员暴露给Script。ScriptableTypeAttribute：允许我们在Silverlight把类型暴露给Script。同时HtmlPage提供了RegisterCreateableType和RegisterScriptableObject方法，用来注册可被脚本使用的类型或者对象实例。有了上面这些，就可以做到在JavaScript中调用Silverlight。看一个简单的示例，在这个示例中，我们期望通过JavaScript传递两个参数给Silverlight中的方法，由该方法计算出结果后显示在Silverlight中。

首先我们编写在Silverlight中的界面布局：


    
        
    
    
                           Margin="20 5 0 0">

并在加载时注册一个脚本可调用的当前页面实例：

private void UserControl_Loaded(object sender, RoutedEventArgs e)
{
    HtmlPage.RegisterScriptableObject("Calculator", this);
}

编写一个Add方法，该方法将在JavaScript中被调用，必须为public，用ScriptableMember特性暴露给脚本。

[ScriptableMember]
public void Add(int x, int y)
{
    int z = x + y;
    this.result.Text = String.Format("{0} + {1} = {2}", x, y, z);
}

现在编写测试页中的内容，提供输入的input控件：

编写JavaScript调用Silverlight中的方法，获取Silverlight插件，Calculator就是我们刚才所注册的实例：

在按钮单击事件中调用该方法

Silverlight与Html Dom的交互（二）使MFC变漂亮二：MFC与HTML交互示例 HTML DOM 文档结构 HTML DOM getElementsByTagName() 方法 HTML Bridge: Silverlight.NET 4月17号讨论作业（远程教育中教与学交互的交互策略中学习资源交互） WPF与winform与silverlight的区别二. JQuery中的DOM操作 DOM 学习者与学习资源的交互策略 Html基础入门（二） HTML代码学习（二） HTML标记语法大全（二）--匠人的百宝箱 SilverLight javascript实现的交互（五）大量数据与Excel交互的解决方案<转> VBScript和JScript的交互与传值微软发布与 Bing 地图交互的全景摄影应用办公之星控件与数据库的交互 Html基础入门（二）1 远程教育的教学交互交互设计的方法交互设计的出发点游戏的交互定位