silverlight 客户端javascript 代码与托管代码的互调用时比较用意义的同时，因为silverlight本身就是一个插件，如果两者之间不能进行相互的调用，对于web 上的一些特殊的功能是没法操作的。

以下为两者之间进行互操作的实现代码，以及最后一些在实际开发中的可以使用的地方。

1， javascript 调用托管代码 。

这个就比较有意思了，

/// <summary>
/// 注册的客户端可调用的托管代码
/// </summary>
[ScriptableType()]
public class CallClass
{
[ScriptableMember()]
public int Cal(int x, int y)
{
int z = x + y;
return z;
}
}

以上是我们需要客户端进行调用的托管代码，注意添加的属性ScriptableType 和ScriptableMember 之后就是进行托管代码的注册客户端可访问。

private void Application_Startup(object sender, StartupEventArgs e)
{
MainPage main = new MainPage();
CallClass cla = new CallClass();
HtmlPage.RegisterScriptableObject("SilverlightApplicationExample", cla);/// 注册方法
this.RootVisual = main;
}

主要是在应用程序启动是进行客户端可调用方法的注册。

客户端进行javascript的调用有几点需要注意：

<body>
<div id="demo" style="width:100%;height:30px;background-color:cadetblue;text-align:center">

<button id="Click" style="align-items:center;align-content:center" onclick="CallCode(3,100)" >调用</button>
</div>
<form id="form1" runat="server" style="height:29px;width:300px;">
<div id="silverlightControlHost">
<object id="silverlight" data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="100%">
<param name="source" value="ClientBin/javascriptDemo.xap"/>
<param name="onError" value="onSilverlightError" />
<param name="background" value="white" />
<param name="onLoad" value="pluginLoaded"/>
<param name="minRuntimeVersion" value="5.0.61118.0" />
<param name="autoUpgrade" value="true" />
<a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=5.0.61118.0" style="text-decoration:none">
<img src="http://go.microsoft.com/fwlink/?LinkId=161376" alt="获取 Microsoft Silverlight" style="border-style:none"/>
</a>
</object><iframe id="_sl_historyFrame" style="visibility:hidden;height:0px;width:0px;border:0px"></iframe></div>
</form>
</body>

以上为silverlight宿主客户端页面的界面 注意<param name="onLoad" value="pluginLoaded"/> 这个很有必要 ，通过这个我们可以获取silverlight 对象

<script type="text/javascript">
var slCtl = null;
function pluginLoaded(sender) {
slCtl = sender.getHost(); /// 获取silverlight 插件
alert(slCtl);
}
function Add(a,b)
{
return a + b;
}
function CallCode(a,b)
{
var result = slCtl.Content.SilverlightApplicationExample.Cal(a, b);
alert(result);

}

</script>

这个客户端的javascript代码。

pluginLoaded方法就是我们获取silverlight对象的。CallCode 方法就是进行托管代码调用的测试方法。另外一个Add 方式是托管代码调用javascript的方法，在此贴上，下面会用到。

界面如下：

2， 托管代码调用javascript。

javascript的方式是上边的Add

按钮call 的click代码如下：

private void Button_Click_1(object sender, RoutedEventArgs e)
{
//获取当前的HtmlWindows对象
HtmlWindow win = HtmlPage.Window;
// 获取客户端的javascript方法
ScriptObject sObj = win.GetProperty("Add") as ScriptObject;
// 执行方法
var result= sObj.InvokeSelf(4,33333);

MessageBox.Show(result.ToString());
}

以上就是互调用的方法。

3，一点思考。

记得有很长一段时间了，以为同学问我silverlight如何进行客户端串口通信，我以前是做过一些关于串口通信的系统，有桌面的也有web 的，对于silverlight是做过系统，但没有使用串口的，经过测试silverlight没有直接进行串口的API ，这就不太方便了，silverlight可以设计如此漂亮的界面，但是对于做串口数据的朋友就有点不太好了，一般我们的做法是使用Activex 插件进行本地串口数据的接受，并进行web 服务器端的处理，javascript可以方便的操作activex插件，但是silverlight就不行了，如果将两者结合起来不就可以解决了吗，当时是提出这样的技术方案，不知这位同学测实践过没有，现在写这篇博文主要是记录一下解决的方案，以及技术的总结。

silverlight 中javascript 代码与托管代码的互调用 以及一些思考的更多相关文章

  1. Cordova插件中JavaScript代码与Java的交互细节介绍

    在Cordova官网中有这么一张架构图:大家看右下角蓝色的矩形框"Custom Plugin"--自定义插件.意思就是如果您用Cordova打包Mobile应用时,发现您的移动应用 ...

  2. 由闭包引起的对javascript代码可维护性的思考

    在最近的编程实践中由闭包的使用引起了我对javascript代码可维护性的思考.面向对象的其中一个特性封装性通过封装可以降低类与类之间或模块与模块之间耦合性从而使我们的设计更加高内聚低耦合,在大规模的 ...

  3. MEF框架在Silverlight中应用（15）

    原文:MEF框架在Silverlight中应用(15) MEF框架在Silverlight中应用 代码下载 MEF框架是微软提供的一个插件框架.应用概括为一句话:输入,输出,组合.下面是具体在Silv ...

  4. Cordova应用的JavaScript代码和自定义插件代码的调试

    我之前写过三篇Cordova相关的技术文章.当我们使用Cordova将自己开发的前端应用打包安装到手机上后,可能会遇到需要调试Cordova应用的时候. 本文就介绍Cordova应用的调试步骤. 如果 ...

  5. 一步一步学Silverlight 2系列（22）：在Silverlight中如何用JavaScript调用.NET代码

    概述 Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, ...

  6. 一步一步学Silverlight 2系列（21）：如何在Silverlight中调用JavaScript

    概述 Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, ...

  7. 在HTML标签<a/>中调用javascript代码

    <a/>标签的“href”属性可以是一个有效的URL,表示跳转的目的地,除此之外,href还可以是一段javascript代码.当为“href”设置javascript代码时,格式如下:& ...

  8. asp.net mvc页面javascript代码中如何使用razor

    我们需要用<text>将javascript代码包含起来,强制让razor编译器回到内容模式, 或者将javascript代码放在函数中,让razor编译器可以识别,请看下面两个例子: & ...

  9. Android WebView中的JavaScript代码使用

    在WebView中使用JavaScript 如果你想要载入的页面中用了JavaScript,你必须为你的WebView使能JavaScript. 一旦使能之后,你也可以自己创建接口在你的应用和Java ...

随机推荐

  1. Ubuntu中vi命令的编辑模式异常

    今天更改Ubuntu软件源的时候,进入源文件的编辑模式时,发现删除键和编辑都不能正常使用,百度之后,知道是由于Ubuntu预装的是vim-tiny,而我们需要使用vim-full.在此记录下该问题以便 ...

  2. 诡异的小bug 自动生成font标签包裹span标签中的文字

    某天测试自己写的网站的时候突然发现页面上一些文字排版出现了一些奇怪的错乱,在控制台发现错乱的文字被font标签包裹着 ,但是代码中根本没用用到font标签 后来发现是因为自己不小心点了谷歌浏览器地址栏 ...

  3. ccf画图

    问题描述 在一个定义了直角坐标系的纸上,画一个(x1,y1)到(x2,y2)的矩形指将横坐标范围从x1到x2,纵坐标范围从y1到y2之间的区域涂上颜色. 下图给出了一个画了两个矩形的例子.第一个矩形是 ...

  4. 学习总结（ASP.NET MVC 5）

    1. 无论什么时候,如果要写一个新的 MVC 的程序(网站),打开VS之后第一步永远都是“创建新的 ASP.NET MVC 项目” (“新建项目”—→“Web(Visual C#)”—→“ASP.NE ...

  5. Eclipse重命名项目名后如何彻底修改工程名

    背景:在Eclipse中当我们修改了一个Web项目名称后,在再次运行该项目,发现使用新的名称无法正常的浏览,而用旧的名称去可以 解决方案: 1:修改该项目目录下:.project文件 <?xml ...

  6. redis中的"HashMap"

    redis是一个存储键值对的内存数据库,其存储键值的方式和java中的HashMap相似. 表征redis数据库的结构体是redisDb (在server.h文件中),redis服务器默认有16个数据 ...

  7. 时间序列预测——深度好文，ARIMA是最难用的（数据预处理过程不适合工业应用），线性回归模型简单适用，预测趋势很不错，xgboost的话，不太适合趋势预测，如果数据平稳也可以使用。

    补充:https://bmcbioinformatics.biomedcentral.com/articles/10.1186/1471-2105-15-276 如果用arima的话,还不如使用随机森 ...

  8. 日志易——中国版的splunk

    https://www.rizhiyi.com/ 日志易——中国版的splunk 官方号称 10万EPS (Event Per Second) 其他链接: http://doc.mbalib.com/ ...

  9. spring boot 学习(十)SpringBoot配置发送Email

    SpringBoot配置发送Email 引入依赖 在 pom.xml 文件中引入邮件配置: <dependency> <groupId>org.springframework. ...

  10. mahout推荐系统

    本章包含以下内容: 首先看一下实战中的推荐系统 推荐引擎的精度评价 评价一个引擎的准确率和召回率 在真实数据集:GroupLens 上评价推荐系统 我们每天都会对喜欢的.不喜欢的.甚至不关心的事情有很 ...