题目一：        动态生成超链接



        已知页面上有一个按钮名称为“生成超链接”，要求点击该按钮后，



        在ID为“oDiv_createLink”的DIV标签内显示一个超链接



        其中超链接的名称为“无优脚本”，链接地址为“http://www.51js.com”



        假设按钮的onClick事件的函数是createLink，请写出该函数的内容



        <BUTTON id="oBtn_createLink" onClick="createLink()">生成超链接</BUTTON><DIV id="oDiv_createLink"></DIV>

        function createLink() {

               

        }

________________________________________________________

<BUTTON id="oBtn_createLink" onClick="createLink()">生成超链接</BUTTON><DIV id="oDiv_createLink"></DIV>

<script language="JavaScript">

function createLink(){

oDiv_createLink.innerHTML='<a href="http://www.51js.com">无优脚本</a>'

}

</script>



题目二：        显示当前时间



        已知页面上有一个按钮名称为“显示当前时间”，要求点击该按钮后，



        在ID为“oDiv_showCurrTime”的DIV标签内显示一个当前时间，要求精确到秒，并且每秒刷新一次



        假设按钮的onClick事件的函数是showCurrTime，请写出该函数的内容



        注意：要求所有代码都必须在该函数内



        <BUTTON id="oBtn_showCurrTime" onClick="showCurrTime()">显示当前时间</BUTTON><DIV id="oDiv_showCurrTime"></DIV>

        function showCurrTime() {



        }

____________________________________________________

<BUTTON id="oBtn_showCurrTime" onClick="showCurrTime()">显示当前时间</BUTTON><DIV id="oDiv_showCurrTime"></DIV>

<script language="JavaScript">

function showCurrTime() {

setInterval('oDiv_showCurrTime.innerText=new Date().toLocaleString()',1000)

}

</script>





题目三：        限制文本框的输入



        已知页面上有一个文本输入框，要求只能输入数字，并且长度不超过10



        注意：必须允许使用左右键和回退键、删除键以清除输入



        假设输入框的onKeyDown事件的函数是disableKey，请写出该函数的内容



        <INPUT id="oText_disableKey" onKeyDown="disableKey()">



        function disableKey() {



        }

 

______________________________________

<INPUT id="oText_disableKey" onKeyPress="disableKey()">

<script language="JavaScript">

function disableKey() {

if(event.keyCode<48||event.keyCode>57)

event.returnValue = false

}

</script>



题目五：        解析XML并生成表格



        已知页面上有一个ID为“oXmlData”的XML数据岛，内容如下：

       

        <XML ID="oXmlData">

                <tab>

                        <row>

                                <col name="Col1"/>

                                <col name="Col2"/>

                                <col name="Col3"/>

                        </row>

                        <row>

                                <col name="Col4"/>

                                <col name="Col5"/>

                                <col name="Col6"/>

                        </row>

                        <row>

                                <col name="Col7"/>

                                <col name="Col8"/>

                                <col name="Col9"/>

                        </row>

                </tab>

        </XML>

       

        要求点击“生成XML表格”的按钮后，在ID为“oDiv_createXmlTable”的DIV标签内显示一个表格，其内容是XML的数据



        如下所示，表格的内容应显示为：



        Col1 Col2 Col3

        Col4 Col5 Col6

        Col7 Col8 Col9



        请写出读取XML内容，并生成表格的函数，假设该函数名为createXmlTable，请写出该函数的内容



        function createXmlTable() {



        }

______________________________________

<XML ID="oXmlData">

<tab>

<row>

<col name="Col1"/>

<col name="Col2"/>

<col name="Col3"/>

<col name="Col10"/>

</row>

<row>

<col name="Col4"/>

<col name="Col5"/>

<col name="Col6"/>

<col name="Col11"/>

</row>

<row>

<col name="Col7"/>

<col name="Col8"/>

<col name="Col9"/>

<col name="Col12"/>

</row>

</tab>

</XML>

<input type="button" value="生成XML表格" onClick="createXmlTable()">

<div id="oDiv_createXmlTable"></div>

<script language="JavaScript">

function createXmlTable(){

  var HTML='',temp;

  var row=oXmlData.XMLDocument.getElementsByTagName('row');

  for(i=0;i<row.length;i++){

    temp='';

    for(j=0;j<row.item(i).childNodes.length;j++){

      temp += '<td>'+row.item(i).childNodes.item(j).getAttribute('name')+'</td>';

    }

    HTML += '<tr>'+temp+'</tr>';

  }

  oDiv_createXmlTable.innerHTML = '<table border>'+HTML+'</table>';

}

</script>



题目六：        助记码输入框的实现



        已知页面上有一个文本输入框，要求输入助记码后，在离开输入框时自动填充匹配的内容



        例如：深圳、珠海、沈阳的助记码分别为 sz、zh、sy



        当输入“sz”时，输入框显示“深圳”



        当输入“s”时，在紧贴输入框的右边显示下拉选择框，提供可选的输入：深圳、沈阳，选择完后，下拉框消失



        假设输入框的onBlur事件的函数是shortcutCode，请写出该函数的内容



        假设已有存储助记码对象的声明



        var oShortcut = { sz:"深圳", zh:"珠海", sy:"沈阳" }



        function shortcutCode() {



        }



        <INPUT id="oText_shortcutCode" onBlur="shortcutCode()">

____________________________________________

城市:<input onkeyup="shortcutCode()" id='_input' /><br id="_select" />

<script language="JScript">

var oShortcut={sz:"深圳",zh:"珠海",sy:"沈阳",bj:"北京"};

function shortcutCode(){

 var o=event.srcElement,v=o.value,l=v.length,t=["请选择"],s="<br id='_select'>",i;

 for(i in oShortcut)

  if(v.substr(0,l)==i.substr(0,l))

   t[t.length]=oShortcut[i];

 if(t.length==0||t.length==1)

  _select.outerHTML=s;

 else if(t.length==2)

   _input.value=t[1],_select.outerHTML=s;

  else

   _select.outerHTML="<select id='_select' onchange='_input.value=this.options[this.selectedIndex].text,this.outerHTML=\"<br id=_select>\"'><option>"+t.join('<option>')+"</select>";

 }

</script>