Silverlight和javascript的相互调用

1.javascript调用silverlight

首先在silverlight的C#代码中定义一个public方法

        /// <summary>
        /// 地图查询
        /// </summary>
        /// <param name="keyword"></param>
        [ScriptableMember]
        public void QuerySQL(string keyword)
        {
            myMapTools.QuerySQL(keyword);
        }

并且该类的头部 加属性 

[ScriptableType()]

在构造函数中加入

HtmlPage.RegisterScriptableObject("Map", this);

 

最后 在js代码中调用

        //查询
       var slcontrol=null;
       function QuerySQL(keyword) {
           if (slcontrol == null) {
               var slcontrol = document.getElementById('silverlightControl');
           }
           slcontrol.content.Map.QuerySQL(keyword);
       }

slcontrol.content.Map中的Map即是 HtmlPage.RegisterScriptableObject("Map", this);注册的Map,我们取

自己想要的名字就行了.

'silverlightControl' 为silverlight的<object>标签的ID

2.silverlight调用javascript

//调用js
HtmlPage.Window.Invoke("test", "Invoke");
test 为js函数

silverlight修改dom元素属性

比如页面中有一个文本框: <input type="text" id="txtTarget" name="txtTarget" />

HtmlPage.Document.GetElementById("txtTarget").SetAttribute("value", "Silverlight");
HtmlPage.Document.GetElementById("txtTarget").SetProperty("value", "Silverlight");