[Silverlight探秘]利用Silverlight调用Javascript的方法

简介:

********************************************************************
*                                                 版权声明
*
* 本文以Creative Commons的知识共享署名-非商业性使用-相同方式共享发布,请严格遵循该授权协议。
* 本文首发于博客园, 此声明为本文章中不可或缺的一部分。
* 作者网名:    浪子
* 作者EMAILdayichen (at)163.com
* 作者BLOG:  Http://Www.Cnblogs.Com/Walkingboy
*
********************************************************************

[Silverlight探秘]利用Javascript调用silverlight的方法

-Written by 浪子@cnblogs.com  (07-06-20)

摘要:

在上文[Silverlight探秘]利用Javascript调用silverlight的方法中,我们探讨了,如何利用javascript来调用silverlight的托管方法。这个相对来说比较好办些,因为Silverlight毕竟兼容DOM的object方式调用,但是反过来就比较麻烦了,因为javascript设计者不可能那么早就想到为silverlight开个接口:)

本文环境:

  • Codename Orcas Beta1
  • Silverlight 1.1 Alpha
  • IE 6.0

思路:

即然没办法从Silverlight直接调用javascript对象,那我们只能从和它们都有关系的DOM的object调用上下手了。要实现互操作,首先Silverlight必须提供一个可供javascript操作的对象,也就是[Silverlight探秘]利用Javascript调用silverlight的方法中我们所提到[Scriptable]标签,但是单单这样子还是不够的。我们这里的场景是Silverlight只提供的函数定义,而javascript实例函数实现,然后在Silverlight里面调用。想想这个场景,跟我们以前的什么应用有点类似哦,没错就是委托(或者使用事件Event)。即然场景类似,我们就动手测试下,看是否行得通。

编写Silverlight的托管方法:

[Scriptable]
public partial class Page : Canvas
{
public Page()
{
//注册客户端实例
WebApplication.Current.RegisterScriptableObject("LangZi", this);
}
public void Page_Loaded(object o, EventArgs e)
{
// Required to initialize variables
InitializeComponent();
//注册按钮事件
            btnCallScript.MouseLeftButtonUp += new MouseEventHandler(btnCallScript_MouseLeftButtonUp);
}
void btnCallScript_MouseLeftButtonUp(object sender, MouseEventArgs e)
{
if (CallScript != null)
{
//CallScript(this, new MyEventArgs("called by server!"));
CallScript(this, EventArgs.Empty);
}
}
//注册客户端可访问的事件定义
[Scriptable]
public event EventHandler CallScript;
}
跟上文相比,这里只是把SayHello换成了Event而已,其他没有太大的变化
客户端注入方法到事件上:
function createSilverlight()
{
Sys.Silverlight.createObjectEx({
source: "Page.xaml",
parentElement: document.getElementById("SilverlightControlHost"),
id: "SilverlightControl",
properties: {
width: "100%",
height: "100%",
version: "0.95",
enableHtmlAccess: true
},
events: {
onLoad: OnLoaded
}
});
}
function OnLoaded(sender,args){
//debugger;
sender.Content.LangZi.CallScript = OnCallScript;
}
function OnCallScript(sender, args){
//debugger;
alert("Running!");
}
扩展思路:
这里用的是最普通的EventHandler,是否支持自定义的EventHandler,支持到什么程度,有待进一步研究。
本文测试代码:SilverlightCallJavascript.rar

本文转自浪子博客园博客,原文链接:http://www.cnblogs.com/walkingboy/archive/2007/06/20/SilverlightCallJavascript.html,如需转载请自行联系原作者
相关文章
有没有方法可以保证在JavaScript中多个异步操作的执行顺序?
有没有方法可以保证在JavaScript中多个异步操作的执行顺序?
81 58
前端原生Js批量修改页面元素属性的2个方法
原生 Js 的 getElementsByClassName 和 querySelectorAll 都能获取批量的页面元素,但是它们之间有些细微的差别,稍不注意,就很容易弄错!
如何确保 Math 对象的方法在不同的 JavaScript 环境中具有一致的精度?
【10月更文挑战第29天】通过遵循标准和最佳实践、采用固定精度计算、进行全面的测试与验证、避免隐式类型转换以及持续关注和更新等方法,可以在很大程度上确保Math对象的方法在不同的JavaScript环境中具有一致的精度,从而提高代码的可靠性和可移植性。
JavaScript 实现大文件上传的方法
【10月更文挑战第17天】通过以上步骤和方法,我们可以实现较为可靠和高效的大文件上传功能。当然,具体的实现方式还需要根据实际的应用场景和服务器要求进行调整和优化。
Node.js中内存泄漏的检测方法
检测内存泄漏需要综合运用多种方法,并结合实际的应用场景和代码特点进行分析。及时发现和解决内存泄漏问题,可以提高应用的稳定性和性能,避免潜在的风险和故障。同时,不断学习和掌握内存管理的知识,也是有效预防内存泄漏的重要途径。
342 62
JavaScript字符串的常用方法
在JavaScript中,字符串处理是一个非常常见的任务。JavaScript提供了丰富的字符串操作方法,使开发者能够高效地处理和操作字符串。本文将详细介绍JavaScript字符串的常用方法,并提供示例代码以便更好地理解和应用这些方法。
63 13
js中DOM的基础方法
【10月更文挑战第31天】这些DOM基础方法是操作网页文档结构和实现交互效果的重要工具,通过它们可以动态地改变页面的内容、样式和行为,为用户提供丰富的交互体验。
js中BOM中的方法
【10月更文挑战第31天】
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
102 5
js中的bind,call,apply方法的区别以及用法
JavaScript中,`bind`、`call`和`apply`均可改变函数的`this`指向并传递参数。其中,`bind`返回一个新函数,不立即执行;`call`和`apply`则立即执行,且`apply`的参数以数组形式传递。三者在改变`this`指向及传参上功能相似,但在执行时机和参数传递方式上有所区别。
51 1

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等