Silverlight与HTML集成方法-技术开发专区

Silverlight与HTML集成方法

作者：IT168技术频道整理编辑：胡铭娅 2009-09-28 07:00 来源：IT168�

本示例还包含 minRuntimeVersion 和 autoUpgrade 设置以便在未安装指定 Silverlight 版本时提供升级体验。若要在 Web 浏览器窗口中查看该示例，必须在 source 参数中指定有效的 Silverlight 应用程序包。

　　代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html  >

<head>
    <title>SilverlightApplication1</title>

    <style type="text/css">
    html, body {
        height: 100%;
        overflow: auto;
    }
    body {
        padding: 0;
        margin: 0;
    }
    #silverlightControlHost {
        height: 100%;
        text-align:center;
    }
    </style>

    <script type="text/javascript">
        function onSilverlightError(sender, args) {
            var appSource = "";
            if (sender != null && sender != 0) {
                appSource = sender.getHost().Source;
            }

            var errorType = args.ErrorType;
            var iErrorCode = args.ErrorCode;

            if (errorType == "ImageError" ||
                errorType == "MediaError") {
              return;
            }

            var errMsg = "Unhandled Error in Silverlight Application "
                + appSource + "\n";

            errMsg += "Code: " + iErrorCode + "    \n";
            errMsg += "Category: " + errorType + "       \n";
            errMsg += "Message: " + args.ErrorMessage + "     \n";

            if (errorType == "ParserError") {
                errMsg += "File: " + args.xamlFile + "     \n";
                errMsg += "Line: " + args.lineNumber + "     \n";
                errMsg += "Position: " + args.charPosition + "     \n";
            }
            else if (errorType == "RuntimeError") {
                if (args.lineNumber != 0) {
                    errMsg += "Line: " + args.lineNumber + "     \n";
                    errMsg += "Position: " + args.charPosition +
                        "     \n";
                }
                errMsg += "MethodName: " + args.methodName + "     \n";
            }

            throw new Error(errMsg);
        }
    </script>
</head>

<body>
    <div id="silverlightControlHost">
        <object width="100%" height="100%"
            type="application/x-silverlight-2"
            data="data:application/x-silverlight-2," >
            <param name="source" value="SilverlightApplication1.xap"/>
            <param name="onerror" value="onSilverlightError" />
            <param name="background" value="white" />
            <param name="minRuntimeVersion" value="3.0.40620.0" />
            <param name="autoUpgrade" value="true" />
            <a href="http://go.microsoft.com/fwlink/?LinkID=149156"
                style="text-decoration: none;">
                <img
                    src="http://go.microsoft.com/fwlink/?LinkId=108181"
                    alt="Get Microsoft Silverlight"
                    style="border-style: none"/>
            </a>
        </object>
        <iframe id="_sl_historyFrame"
            style='visibility:hidden;height:0px;width:0px;border:0px'>
        </iframe>
    </div>
</body>
</html>

第1页：使用 HTML 将 Silverlight 添加到网页第2页：完整示例代码第3页：简单的嵌入式调用

关注我们