HTMLPanel中的Javascript

Question

我想将Javascript代码包含在HTMLPanel元素中，但它不起作用。你可以帮我吗？提前致谢。

脚本/ pro.js

alert('hello'); 

WITH HTMLPANEL 不起作用（不显示警报）

MyPage.java（这是在EntryPoint为myPage.html下）

String preHtml="<script type=\"text/javascript\" src=\"Scripts/pro.js\"></script>"; 
HTMLPanel prePanel=new HTMLPanel(preHtml); 
RootPanel.get("scriptContainer").add(prePanel); 

的mypage.html

<td align="left" valign="top" id="scriptContainer"></td> 

WITHOUT HTMLPANEL不工作（显示警报）

的mypage.html

<td align="left" valign="top"><script type="text/javascript" src="Scripts/pro.js"></script></td> 

Answer 1

我想应该是另一种方式周围。该HTMLPanel引用的javadoc

包含HTML，并可以将子部件到HTML中标识 元素的面板。

应该包装你的容器而不是你的脚本。下面的例子工作，除非你绝对有理由使用HTMLPanel来包装脚本。

HTMLPanel html = new HTMLPanel("<table><tr><td id='scriptContainer'></td></tr></table>"); 
RootPanel.get().add(html); 
Element script = DOM.createElement("script"); 
DOM.setElementAttribute(script,"language","JavaScript"); 
DOM.setElementAttribute(script,"src","Scripts/pro.js"); 
DOM.appendChild(DOM.getElementById("scriptContainer"),script);