信息交流、传播、提炼

nice to meet you

博客园 首页 新随笔 联系 订阅 管理

题目一:        动态生成超链接

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

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

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

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

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

        function createLink() {

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

        }

题目二:        显示当前时间

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

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

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

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

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

        function showCurrTime() {

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

        }

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

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

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

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

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

        function disableKey() {

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

event.returnValue = false

        }

题目四:        求表达式的值

        已知有一表达式为 (Field(fld0) + Field(fld1)) * (Field(fld2) - Field(fld1))

        其中 Field 是取变量值的声明,例如 Field(fld0) 表示取 fld0 的值

        请设计一个函数,输入参数为表达式的字符串以及存储变量的对象,要求返回表达式的值

        假设已有如下代码,声明了表达式以及变量的值,并且计算的函数为calculate,请写出该函数的内容

    var expression = "(Field(fld0) + Field(fld1)) * (Field(fld2) - Field(fld1))";

        var record = new Object();

        record.fld0 = 2;

        record.fld1 = 4;

        record.fld2 = 6;

        function calculate(exp, rec) {

                var str = exp;

                for (var i in rec) {

                        var reg = new RegExp("Field\\(" + i + "\\)", "g");

                        str = str.replace(reg, rec[i]);

                }

                return eval(str);

        }

题目五:        解析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() {

        var oTable = document.createElement("TABLE");

        var oTBody = document.createElement("TBODY");

        var tabNode = oXmlData.XMLDocument.childNodes(0);

        for (var i = 0; i < tabNode.childNodes.length; i++) {

                var rowNode =  tabNode.childNodes(i);

                var oTR = document.createElement("TR");

                for (var j = 0; j < rowNode.childNodes.length; j++) {

                        var colNode = rowNode.childNodes(j);

                        var oTD = document.createElement("TD");

                        oTD.innerText = colNode.getAttribute("name");

                        oTR.appendChild(oTD);

                }

                oTBody.appendChild(oTR);

        }

        oTable.appendChild(oTBody);

        oDiv_createXmlTable.appendChild(oTable);

}

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

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

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

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

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

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

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

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

        function shortcutCode() {

        }

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

function shortcutCode() {

        var oText = event.srcElement, text = oText.value, aOpts = [];

        for (var i in oShortcut) {

                if (i == text) {

                        oText.value = oShortcut[i];

                        return;

                }

                if (i.indexOf(text) != -1)

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

        }

        if (aOpts.length > 0) {

                var oSelect = document.createElement("SELECT");

                var ss = oSelect.style;

                ss.position = "absolute";

                ss.top = oText.offsetTop;

                ss.left = oText.offsetLeft + oText.offsetWidth;

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

                        var oOption = document.createElement("OPTION");

                        oOption.text = i == 0 ? "" : aOpts[i-1];

                        oOption.value = oOption.text;

                        oSelect.add(oOption);

                }

                oSelect.oText = oText;

                oSelect.onchange=function() { this.oText.value = this.value; this.removeNode(true); }

                document.body.appendChild(oSelect);

        }

}

posted on 2010-03-04 17:52  seeyou  阅读(220)  评论(0)    收藏  举报