Question

这是用于在Silverlight中显示客户启动画面的常见JavaScript：

function onSourceDownloadProgressChanged(sender, eventArgs) {
            var myHost = document.getElementById("Xaml1");
            var rectBar = myHost.content.findName("rectBar");
            var rectBorder = myHost.content.findName("rectBorder");
            if (eventArgs.progress)
                rectBar.Width = eventArgs.progress * rectBorder.Width;
            else
                rectBar.Width = eventArgs.get_progress() * rectBorder.Width;
        }

出于某种原因，Firefox和Chrome在此行上出错：

var rectBar = myHost.content.findName("rectBar");

他们抱怨“myHost为空”。

这在Internet Explorer中运行良好，但在Firefox和Chrome中，由于此错误，进度条永远不会更新。

它遍历的关键部分如下所示：

<div id="silverlightControlHost">
        <object id="xaml1" data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="100%">
          <param name="source" value="ClientBin/MyApp.xap"/>
          <param name="onError" value="onSilverlightError" />
          <param name="background" value="white" />
          <param name="minRuntimeVersion" value="4.0.50826.0" />
          <param name="autoUpgrade" value="true" />
          <param name="splashscreensource" value="ClientBin/SplashScreen.xaml" />    
          <param name="onSourceDownloadProgressChanged" value="onSourceDownloadProgressChanged" />
          <a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=4.0.50826.0" style="text-decoration:none">
              <img src="http://go.microsoft.com/fwlink/?LinkId=161376" 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>

Answer 1

因为它是xaml1，而不是Xaml1，而且Internet Explorer懒得关心你的错字。

Answer 2

因为其他浏览器区分大小写。 “Xaml1”！=“xaml1”

为什么这会在Firefox和Chrome中失败？

2 个答案: