使用 javascript 函数更新 ASP.Net 中的样式

Question

好的，我有一个 Silverlight 4 应用程序，位于带有几个横幅的页面上。根据 Silverlight 应用程序中的某些变量，我需要显示其中一个横幅并重新定位 Silverlight 应用程序，使其与横幅底部对齐。为了实现这一目标，我一直在使用 HtmlPage.Window.Invoke("MethodToShowTheBannerIWant")。每个横幅都有其​​自己的功能，尝试显示正确的横幅并将应用程序定位为正确排列。 都

  function ShowFirstBanner() {
        FirstBannerStyle.style.display = 'block';
        SilverlightAppStyle.style.marginTop = '120px';
        SilverlightAppStyle.style.height = '495px';
    }

每个横幅看起来

   <table id="FirstBannerStyle"  style="position:absolute;top:0px;left:0px;display:none;height:50px;" width=100% border="0" cellpadding="0">
<tr> 
  <td><img src="http://www.bannerimageurl.jpg" usemap="#Map2" border="0"></td> </table>

像这样

  <map name="Map2"><area shape="poly" coords="763,19,769,91,985,92,981,69" href="http://www.xxxxxxx.com/cal.htm" target="_self" />
         <area shape="rect" coords="11,73,88,89" href="http://www.xxxxxxx.com/index.htm" target="_self">
         <area shape="rect" coords="121,70,186,88" href="http://www.xxxxxxx.com/courses.htm" target="_self">
         <area shape="rect" coords="217,70,327,90" href="http://www.xxxxxxx.com/ts.htm">
         <area shape="rect" coords="365,70,521,91" href="http://www.xxxxxxx.com/po.htm">
         <area shape="rect" coords="556,71,618,91" href="http://www.xxxxxxxx.com/au.htm" target="_self">
         <area shape="rect" coords="655,72,726,91" href="http://www.xxxxxxx.com/CU/index.htm" target="_self">
      </map>

，Silverlight 应用程序区域看起来像这样

  <form id="form1" runat="server" style="height:100%">
<div id="silverlightControlHost" style="height:100%;text-align:center">
    <object data="data:application/x-silverlight-2,"  type="application/x-silverlight-2" width="100%" height="100%">
      <param name="source" value="ClientBin/XXX.XXX.XXX.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="InitParams" value=<%=System.Configuration.ConfigurationManager.AppSettings.GetValues(0).FirstOrDefault()%>/>
      <param name="windowless" value="true" />
      <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>

 <div id="InvisibleFrame"></div>    
</form>        

我遇到的问题是这个过程在 IE8 中运行良好，但在 IE9 或 Firefox 中根本不起作用。当我的代码点击 HtmlPage.Window.Invoke("ShowFirstBanner") 时，它会卡在那里，永远不会越过该行，但不会显示任何错误消息，而是无限期地等待该命令完成。如果我用函数注释掉代码，它就会进行调用并正常继续。这与我如何更新 Firefox 和 IE9 不喜欢的样式有关。有人知道一种在所有浏览器中都适用的方法吗？

Answer 1

JavaScript 中的“FirstBannerStyle”和“SilverlightAppStyle”在哪里定义？

您需要通过 ID 来获取元素：

document.getElementById('FirstBannerStyle').style.display = 'block';

或者如果您使用的是 jQuery：

$('FirstBannerStyle').show()