Silverlight 插件定义在其中显示基于 Silverlight 的应用程序的区域。可以将该插件嵌入到其宿主 HTML 页中,并且可以将该插件以内联方式定位到 HTML 页显示的某个位置,也可以使该插件占据整个 HTML 页。因此,定位 Silverlight 对象时,有两个参考框架。
- 插件内:将 Silverlight 图面上的对象定位在该插件的边界框内。大多数布局概述都介绍了此类型的定位。
- HTML 内:整个插件以及位于它里面的所有对象都受插件在 HTML 中的放置位置的限制。下面讲解怎样将Silverlight插件放置在HTML内。
通常可以直接向 HTML 中添加 object 元素来嵌入 Silverlight 插件。由于以下原因,建议使用 object 元素:
- Silverlight 支持的所有浏览器都支持该元素,因此不需要 JavaScript 浏览器检测。
- 该元素可以将与 JavaScript 发生冲突的可能性降到最低。
- 即使服务器禁用 JavaScript,该元素也可以工作。
- 该元素是自包含的,这使您可以在从服务器下载一次后加载应用程序。
object 元素还允许您提供当用户没有安装 Silverlight 时显示的子内容。这提供了一种自定义插件安装体验的简便方法。
如何使用 HTML将Silverlight添加到网页
使用object元素, 可以用所有受支持浏览器兼容的方式在HTML中嵌入和配置Silverlight插件.
- 嵌入 Silverlight 插件,并将该应用程序指定给宿主。
- 指定在未安装 Silverlight 时显示的备用 HTML。
1 <object id="SilverlightPlugin1" width="200" height="200"
2 data="data:application/x-silverlight,"
3 type="application/x-silverlight-2">
4 <param name="source" value="SilverlightApplication1.xap"/>
5
6
7 <!--display installation image.-->
8 <a href="http://go.microsoft.com/fwlink/?LinkId=108182"
9 style="text-decoration:none;">
10 <img src="http://go.microsoft.com/fwlink/?LinkId=108181"
11 alt="Get Microsoft Silverlight" style="border-style:none"/>
12 </a>
13 </object>
14
2 data="data:application/x-silverlight,"
3 type="application/x-silverlight-2">
4 <param name="source" value="SilverlightApplication1.xap"/>
5
6
7 <!--display installation image.-->
8 <a href="http://go.microsoft.com/fwlink/?LinkId=108182"
9 style="text-decoration:none;">
10 <img src="http://go.microsoft.com/fwlink/?LinkId=108181"
11 alt="Get Microsoft Silverlight" style="border-style:none"/>
12 </a>
13 </object>
14