资讯频道 → 行业应用
阅读更多

5顶
1踩

行业应用

原创新闻 Silverlight和JavaScript的结合

2008-04-18 09:08 by 正式记者 cjnajr 评论(2) 有4969人浏览
JavaScript Silverlight

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

       Silverlight 2 现在还处在bata 1版本早期阶段，但是已经有很多吸引人的特性展现了出来。其中之一就是Silverlight可以整合进网站的文档树（DOM），这意味着Silverlight可以调用javascript的功能和方法，而javascript也可以Silverlight调用Silverlight的功能。
       为了说明这项特性，下面一则例子可以做些展示：

image

      这张网页包含两个区域，一个javascript区域和一个silverlight区域，每一个区域中都有一个小方形。当你在一个区域中移动这个小方形的时候，另一个区域的小方块也会立即更新位置。下面就来展示如何做到从silverlight到javascript区域中小方块位置的更新。

从silverlight调用Javascript 

      在Silverlight中的System.Windows.Browser命名空间里有一个HtmlPage对象，该对象可以允许你访问网页的DOM。所以，在javascript区域中移动小方形就只需要如下一行简单的代码：
HtmlPage.Window.Invoke("moveBox", newX, newY);
其中，"moveBox"是javascript的一个方法名字，用来更新红色小方形的位置。

从Javascript调用silverlight

      这一步要稍微复杂一些。首先我们需要标记哪一个类要暴露给javascript调用，其次需要注册该类使得javascript可以调用。然后，给与那些要给javascript调用的方法赋予ScriptableMember的属性，这里方法MoveBox用来更新蓝色小方形的位置的。代码如下：

[ScriptableType]
public partial class Page : UserControl

HtmlPage.RegisterScriptableObject("silverlightMove", this);

 

[ScriptableMember]
public void MoveBox(int x, int y)

当上面的步骤完成后，就可以回到javascript调用silverlight了，其中"silverlightControl"是该例子中Silverlight应用的对象标记（tag）。

silverLightControl = document.getElementById("silverlightControl");

silverLightControl.content.silverlightMove.MoveBox(x, y);

这则例子的代码可以在如下网址找到：

The code for this sample can be found at here at MSDN Code Gallery.

5
顶
1
踩
评论 共 2 条 请登录后发表评论
2 楼 delfly 2009-02-05 16:48
这个功能好，js开发人员很容易转过来
1 楼 yapi 2008-04-18 10:07
Interoperability

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 软件设计和开发规范（国标）.rar

    软件设计和开发规范（国标）

  • 软工文档-项目开发计划

    1引言...11.1编写目的...11.2 背景...11.3定义...11.4参考资料...12项目概述..12.1工作内容...12.2主要参加人员..12.3产品...22.3.1程序...22.3.2文件...22.3.3服务...22.3.4非移交的产品..22.4验收标准...22.5完成项目的最迟期限...22.6本计划的批准者和批准日期..23实施计划..23.1工作任务的分解与人...

  • Web基础技术开发设计规范

    前端开发规范

  • ISO软件工程模板(2)项目开发计划

      ISO软件工程模板(2)项目开发计划1. 引言1.1 编写目的　　[说明编写这份项目开发计划的目的，并指出预期的读者。]1.2 背景　　a. 待开发软件系统的名称；　　b.本项目的任务提出者、开发者、用户及实现该软件的计算中心或计算机网络；　　c.该软件系统同其他系统或其他机构的基本的相互来往关系。1.3 定义　　[列出本文件中用到的专门术语的定义和外文首字

  • 项目开发计划（GB856T——88）

    一：引言 1.编写目的   项目开发计划是确定开发项目的时候首先做的一个初步计划，需要对于项目整个开发过程需要一些条件等有一个比较大概的了解。项目开发的预期读者有用户，开发者，管理者，以及分析人员等。 2.背景   a.待开发的软件系统的名称：机房收费系统   b.本项目的任务提出者：米老师     开发者：十二期学生     用户：廊坊师范学院教师和学生

  • 软件设计和开发规范（国标） (转)

    软件开发规范，包括：1-操作手册（GB8567——88）.doc2-测试分析报告（GB8567——88）.doc3-测试计划（GB8567——88）.doc 4-概要设计说明书（GB8567——88）.doc5-开发进度月报（GB8567——88）.doc 6-可行性研究报告（GB8...

  • 软件工程的国家标准（总结）

    国家标准、行业标准分为强制性标准和推荐性标准，保障人体健康、人身、财产安全的标准和法律、行政法规规定强制执行的标准是强制性标准，其他标准是推荐性标准。在公布国家标准或者行业标准后，该项地方标准即行废止。4、 企业生产的产品没有国家标准和行业标准的，应当制定企业标准，已有国家标准或者行业标准的，国家鼓励企业制定严于国家标准或者行业标准的企业标准，在企业内部使用。强制性内容的范围包括：国家、人身、财产、动植的安全，产品或工程的质量、卫生、环境保护，防止欺骗、保护消费者利益的，国家需要控制的重要产品的技术要求。

  • 软件设计和开发规范(国标)

    包括：1-操作手册（GB8567——88）.doc 2-测试分析报告（GB8567——88）.doc 3-测试计划（GB8567——88）.doc 4-概要设计说明书（GB8567——88）.doc 5-开发进度月报（GB8567——88）.doc 6-可行性研究报告（GB856...

  • 软件项目开发计划书

    一、项目计划书格式 根据《GB8567－88计算机软件产品开发文件编制指南》中项目开发计划的要求，结合实际情况调整后的《项目计划书》内容索引如下： 1 引言 1.1 编写目的 1.2 背景 1.3 定义 1.4 参考资料 1.5 标准、条约和约定 2 项目概述 2.1项目目标 2.2产品目标与范围 2.3假设与约束 2.4 项目工作范围 2.5 应交付成果 2.5.

  • 项目实施计划及总体设计报告(大纲)

    项目实施计划及总体设计报告(大纲) 一 引言1、 编写目的   说明编写这份项目实施计划及总体设计报告的目的，并指出预期的读者。2、 背景说明： (1)      待开发的软件系统的名称。(2)      本项目的任务提出者、开发者、用户及实现该软件的计算中心或计算机网络。(3)      该软件系统同其他系统或其他机构的基本的相互来往关系。3、 定义 

  • 影响项目失败的因素(项目风险)转载

    我们都要学会从项目失败中吸取教训，只要我们能够能有宽大的胸怀去面对它，那么犯错也不见是一件坏事。其实影响我们项目失败的因素主要分为技术失败：       1、领先技术的诱惑       2、不完善的技术设计       3、为非技术问题提供了技术解决方案       4、依赖软件包来满足需求       5、在开发生命周期过程中没有充分利用工具       6、以技术为导向进行开发

  • 项目开发计划

    编制项目开发计划的目的是用文件的形式，把对于在开发过程中各项工作的负责人员、开发进度、 所需经费预算、所需软、硬件条件等问题作出的安排记载下来，以便根据本计划开展和检查本项目的开 发工作。编制内容要求如下： 　　1　引言　　1．1编写目的 　　说明编写这份项目开发计划的目的，并指出预期的读者。　　1．2背景　　说明：　　a．待开发的软件系统的名称；　　b．本项目的任

  • 项目开发计划的编写

    [项目名称] 项目开发计划的编写 [V1.0(版本号)] 拟 制 人______________________ 审 核 人______________________ 批 准 人______________________ [二零零六年九月一日] 文件状态： [√] 草稿 [ ] 正...

  • 软件设计文档国家标准_GB8567--88

    1引言... 21.1编写目的... 21.2背景... 21.3定义... 21.4参考资料... 22任务概述... 22.1目标... 22.2用户的特点... 32.3假定和约束... 33需求规定... 33.1对功能的规定... 33.2对性能的规定... 33.2.1精度... 33.2.2时间特性要求... 33.2.3灵活性... 43.3输人输出要求... 43.4数据管理能力

  • [每天一个知识点]5-影响项目成败的主要问题不是技术问题而是社会学问题

    2019独角兽企业重金招聘Python工程师标准>>> ...

  • 软件需求说明书模板

    软件需求说明书 （转载自国家计算机标准和文件模板）　　软件需求说明书的编制是为了使用户和软件开发者双方对该软件的初始规定有一个共同的理解， 使之成为整个开发工作的基础。编制软件需求说明书的内容要求如下：1　引言1．1编写目的　　说明编写这份软件需求说明书的目的，指出预期的读者。1．2背景 　　说明： 　　a．待开发的软件系统的名称；　　b．本项目的任务提出者、开发者、用户及实现该软件的计算中心或计

  • 《软件设计文档国家标准》深入解读

    本文还有配套的精品资源，点击获取 简介：《软件设计文档国家标准》为我国软件开发提供重要规范，涵盖了从需求分析到系统设计等各个阶段的设计文档内容、格式和编制要求，旨在提升软件开发质量、效率和可维护性。文档包括需求规格说明书、概要设计说明书、详细设计说明书和接口设计说明书等，以及详细的编制规范和评审更新机制。 1. 软件设计文档国家标准概述 1.1 标准的定义与...

  • 国际软件设计文档——项目开发计划

    1 引言 1.1 编写目的 　　说明：编写这份软件项目开发计划的目的，并指出预期的读者。 1.2 背景 说明： 待开发的软件系统的名称； 本项目的任务提出者、开发者、用户及实现该软件的计算中心或计算机网络； 该软件系统同其他系统或其他机构的基本的相互来往关系。 1.3定义 列出本文件中用到的专门术语的定义和外文的首字母组词的原词组。 1.4参...

  • 2021-05-09

    1引言... 1 1.1编写目的... 1 1.2 背景... 1 1.3定义... 1 1.4参考资料... 1 2项目概述... 1 2.1工作内容... 1 2.2主要参加人员... 1 2.3产品... 2 2.3.1程序... 2 2.3.2文件... 2 2.3.3服务... 2 2.3.4非移交的产品... 2 2.4验收标准... 2 2.5完成项目的最迟期限... 2 2.6本计划的批准者和批准日期... 2 3实施计划... 2 3.1工作任务的分解与.

  • 软件工程之— 项目开发文档(项目开发计划)

     项目开发计划1. 引言1.1 编写目的[说明编写这份项目开发计划的目的，并指出预期的读者。]1.2 背景a. 待开发软件系统的名称；b. 本项目的任务提出者、开发者、用户及实现该软件的计算中心或计算机网络；c. 该软件系统同其他系统或其他机构的基本的相互来往关系。1.3 定义    [列出本文件中用到的专门术语的定义和外文首字母组词的原词组。]

Global site tag (gtag.js) - Google Analytics