从 JavaScript 调用silverlight方法

先决条件

• Silverlight 版本 4.

• 用于 Visual Studio 2010 的 Silverlight 4 Tools.

• Microsoft Visual Studio 2010.

创建 Silverlight 项目和测试页

  略

注册用于客户端脚本访问的托管代码

1、

public Page()   

{    

   InitializeComponent();   

   HtmlPage.RegisterScriptableObject("Page", this);  

   this.timer = new DispatcherTimer();  

   this.timer.Tick += new EventHandler(Timer_Tick);   

   this.timer.Interval = TimeSpan.FromMilliseconds(400);   

}

 

2、在 script 元素中，创建 Silverlight 应用程序完成加载后将调用的 pluginLoaded 函数。

<script type="text/javascript" language="javascript">     

 var slcontrol = null;    

  function pluginLoaded(sender, args) {  

            if (sender != null && sender != 0) {           

   slcontrol = sender.getHost();      

    }   

   }    

  function StartPare( a, b)      {  

     if (slcontrol) {             

 slcontrol.Content.Page.StartPara(a,b);    

      }    

  }     

 function ReturnPare() {         

 if (slcontrol) {            

  var j = slcontrol.Content.Page.StopPara();        

      alert(j.toString());         

 }

 }  

</script>

 

3、Silverlight 控件标记与下面的代码类似：

<object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="400" height="300">

          <param name="source" value="ClientBin/JavaScriptToSilverlight.xap"/>

          <param name="onError" value="onSilverlightError" />

          <param name="background" value="white" />

          <param name="minRuntimeVersion" value="4.0.50401.0" />

          <param name="autoUpgrade" value="true" />

          <param name="onload" value="pluginLoaded" />

          <a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=4.0.50401.0" style="text-decoration:none">

               <img src="http://go.microsoft.com/fwlink/?LinkId=161376" alt="Get Microsoft Silverlight" style="border-style:none"/>

          </a>

        </object>

 

使用 JavaScript 获取和设置托管代码属性值

该按钮的 HTML 标记

显示行号 复制代码 ？

1. <input type="button" value="StartPare" onclick="StartPare(2,3);" />
   
   

2.  <input type="button" value="ReturnPare" onclick="ReturnPare();" />
   
   

 

silverlight页面的代码

int j = 0;

   [ScriptableMember]

   public void StartPara(int a, int b)

   {

        j = a + b;

   }

   [ScriptableMember]

   public int StopPara()

   {

       return j;

   }