XML - 管理数据交换/XUL/答案

练习

创建一个窗口，其中包含两个文本框，它们位于窗口下方约 200 像素处。使用垂直或水平布局。标记每个文本框并为每个文本框设置默认值，这些默认值彼此不同。创建一个标有“交换文本”的按钮。接下来，创建一个函数，当单击该按钮时，将交换来自一个文本框的文本到另一个文本框。
在此练习中，您需要创建两个单独的文件。在一个页面上，创建一个窗口，该窗口具有两个带标签的面板，每个面板上都有不同的内容。在另一个页面上，只需创建一个弹出菜单，其中包含一个菜单项“打开”。创建一个函数，当单击“打开”菜单选项时，将浏览器重定向到带标签的页面。

问题 1：答案

XulNum1.js

	  function swap()
	  {
	    var noDanaObj=document.getElementById('nodana');
	    var onlyXulObj=document.getElementById('onlyxul');
	    var noDanaStr=noDanaObj.getAttribute("value");
	    var onlyXulStr=onlyXulObj.getAttribute("value");
	    noDanaObj.setAttribute("value",onlyXulStr);
	    onlyXulObj.setAttribute("value",noDanaStr); 

	  }

XulNum1.xul

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
   
   <window
       id="Ex1"
       title="Excercise 1"
       orient="vertical"
       xmlns= "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">    
   <script src="XulNum1.js" />

   
  <hbox width="200px" height="200px" flex = "1">
     <text value= "There is no Dana..." id="nodana" style="font-size:18pt"/>
  </hbox>

  <hbox width="200px" height="200px" flex = "1">
     <text value="There is only XUL" id="onlyxul" style="font-size:24pt"/>
  </hbox>

<box width="200px">
	<button id="swap" label="swap" default="true" oncommand="swap();"/>
</box>


</window>