如题:<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default4.aspx.cs" Inherits="Default4" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
    <script type ="text/javascript" >
        var CurPage=0; //当前页
        var PageTab=1; //每组显示页数
        var CurTab=0; //当前分组
        function createxmlhttp()
        {
        
            if (window.ActiveXObject)
            {
                xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                
            }
            else if(window.XMLHttpRequest){
                xmlhttp=new XMLHttpRequest();
            }
        }
        function dosearch(val)
        {
            alert("ffff");
            CurPage=val;
            createxmlhttp();
            xmlhttp.onreadystatechange=chengejieguo;
            xmlhttp.open("GET","bookstore.xml",true);
            xmlhttp.send(null);
        }
        function chengejieguo()
        {
            if (xmlhttp.readyState==4)
            {
                if(xmlhttp.status==200)
                {
                   
                    clearpreviousresult(); //调用clearpreviousresult函数 删除以前的结果
                    parseresult();  //调用parseresult函数 返回结果
                }
            }
        }
        function clearpreviousresult()
        {
            var header =document.getElementById("header");//获取id 为"header"的span赋给header变量
            if(header.hasChildNodes())//返回一个bool值,指示元素是否有子元素
            {
                header.removeChild(header.childNodes[0]);  //删除子元素
            }
            var tablebody=document.getElementById("resultsbody"); ;//获取id 为"resultsbody"的tbody赋给tablebody变量
            while(tablebody.childNodes.length>0)
            {
                tablebody.removeChild(tablebody.childNodes[0]); //删除子元素
            }
        }
        function parseresult()
        {
            alert(result)
            
            var result=xmlhttp.responseXML; //获得xmlhttp对象的responseXML的属性值
            var property=null; //声明局部变量
            var address="";
            var price="";
            var comments="";//声明局部变量
            
            var properties=result.getElementsByTagName("bookstore"); //返回property的子元素数组
            addrowheader();
            var strInner;
            if( CurPage=1)
            {
                strInner="<a href=\"javascript:dosearch("1")\">首页</a>&nbsp<a href=\"javascript:alert('已经是第一页了!')\">前一页</a>&nbsp总共" properties.length "页&nbsp<a href=\"javascript:dosearch("CurPage+1")\">下一页</a>&nbsp<a href=\"javascript:TurnPage(" properties.length ")\">尾页</a>&nbsp;";
            }else if( CurPage=properties.length)
            {
                strInner="<a href=\"javascript:dosearch("1")\">首页</a>&nbsp<a href=\"javascript:dosearch("CurPage-1")\">前一页</a>&nbsp总共" properties.length "页&nbsp<a href=\"javascript:alert('已经是最后一页了!')\">下一页</a>&nbsp<a href=\"javascript:TurnPage(" properties.length ")\">尾页</a>&nbsp;";
            }
            else
            {
                strInner="<a href=\"javascript:dosearch("1")\">首页</a>&nbsp<a href=\"javascript:dosearch("CurPage-1")\">前一页</a>&nbsp总共" properties.length "页&nbsp<a href=\"javascript:dosearch("CurPage+1")\">下一页</a>&nbsp<a href=\"javascript:TurnPage(" properties.length ")\">尾页</a>&nbsp;";
            }
            var ye=document.createElement("p");//建立一个"h2"的对象元素
            var yetext=document.createTextNode(strInner); //建立一个静态的文本节点=Results:
            ye.appendChild(yetext); //把headertext节点增加到header中
            document.getElementById("ye").appendChild(yetext);
            var i;
            if( CurPage=1)
            {
                i=0
            }
            else
            {
                i=CurPage-1
            }
            
            
            for(;i<CurPage;i++) 
            {
                property=properties[i];
                address=property.getElementsByTagName("title")[0].firstChild.nodeValue;  //取得address元素的第一个下级子元素
                price=property.getElementsByTagName("author")[0].firstChild.nodeValue;  //取得price元素的第一个下级子元素
                comments=property.getElementsByTagName("price")[0].firstChild.nodeValue; //取得comments元素的第一个下级子元素
                addtablerow(address,price,comments);   //添加行
            }
            var header=document.createElement("h2");//建立一个"h2"的对象元素
            var headertext=document.createTextNode("Results:"); //建立一个静态的文本节点=Results:
            header.appendChild(headertext); //把headertext节点增加到header中
            document.getElementById("header").appendChild(header); //把header增加到id为header的span中
            document.getElementById("resultstable").setAttribute("border","1");//设置id为resultstable的border属性为1
        }
        function addtablerow(address,price,comments)
        {
            var row=document.createElement("tr"); //建立一行
            var cell=createRlement(address); //创建一个单元格节点
            row.appendChild(cell);//把单元格节点增加到建立的行中
            cell=createRlement(price);
            row.appendChild(cell);
            cell=createRlement(comments);
            row.appendChild(cell);
            document.getElementById("resultsbody").appendChild(row); //把行增加到id为resultsbody
            
        }
        function createRlement(text)
        {
            var cell =document.createElement("td") //常见一个节点
            var tableNode=document.createTextNode(text); //创建一个文本节点
            cell.appendChild(tableNode);//把文本赋值给cell
            return cell;//返回cell
        }
        function addrowheader()  //创建表头
        {
            var row=document.createElement("tr"); //建立一行
            var cell=createRlement("Address"); //创建一个单元格节点
            row.appendChild(cell);
            cell=createRlement("Price");
            row.appendChild(cell);
            cell=createRlement("Comments");
            row.appendChild(cell);
            document.getElementById("resultsbody").appendChild(row); //把行增加到id为resultsbody
        }        
        
        
        
             </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
            <input type ="button" value ="Search" onclick ="dosearch(1);" />
         <span id ="header">
         
         </span>
         <table id="resultstable" width ="75%" border ="0">
            <tbody id="resultsbody"></tbody>
         </table>
         <div id ="ye">
         </div>
    </div>
    </form>
</body>
</html>

解决方案 »

  1.   

    楼主的字符串拼接有问题啊,导致head里面的script加载编译时就产生错误!所以点击按钮应该就出错。 
    下面这样改就行了:if( CurPage=1)
                {
                    strInner = "<a href=\"javascript:dosearch('1')\">首页</a>&nbsp<a href=\"javascript:alert('已经是第一页了!')\">前一页</a>&nbsp总共"
                        + properties.length 
                        + "页&nbsp<a href=\"javascript:dosearch("
                        + (CurPage + 1) 
                        + ")\">下一页</a>&nbsp<a href=\"javascript:TurnPage("
                        + properties.length 
                        +")\">尾页</a>&nbsp;";
                }
                else if( CurPage=properties.length)
                {
                    strInner = "<a href=\"javascript:dosearch('1')\">首页</a>&nbsp<a href=\"javascript:dosearch("
                    + (CurPage - 1)
                    + ")\">前一页</a>&nbsp总共"
                    + properties.length
                    + "页&nbsp<a href=\"javascript:alert('已经是最后一页了!')\">下一页</a>&nbsp<a href=\"javascript:TurnPage("
                    + properties.length
                    + ")\">尾页</a>&nbsp;";
                }
                else
                {
                    strInner="<a href=\"javascript:dosearch('1')\">首页</a>&nbsp<a href=\"javascript:dosearch("
                    +(CurPage-1)
                    +")\">前一页</a>&nbsp总共"
                    + properties.length
                    +"页&nbsp<a href=\"javascript:dosearch("
                    + (CurPage + 1)
                    + ")\">下一页</a>&nbsp<a href=\"javascript:TurnPage("
                    + properties.length 
                    +")\">尾页</a>&nbsp;";
                }大体这样吧,具体楼主漫漫调,注意字符串和数字的相加问题,和转义问题。别搞错了
    'a'+ 1    ='a1'
    'a'+1 +2  = 'a12'
    'a'+(1+2)  = 'a3'