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>