如题:<%@ 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> <a href=\"javascript:alert('已经是第一页了!')\">前一页</a> 总共" properties.length "页 <a href=\"javascript:dosearch("CurPage+1")\">下一页</a> <a href=\"javascript:TurnPage(" properties.length ")\">尾页</a> ";
}else if( CurPage=properties.length)
{
strInner="<a href=\"javascript:dosearch("1")\">首页</a> <a href=\"javascript:dosearch("CurPage-1")\">前一页</a> 总共" properties.length "页 <a href=\"javascript:alert('已经是最后一页了!')\">下一页</a> <a href=\"javascript:TurnPage(" properties.length ")\">尾页</a> ";
}
else
{
strInner="<a href=\"javascript:dosearch("1")\">首页</a> <a href=\"javascript:dosearch("CurPage-1")\">前一页</a> 总共" properties.length "页 <a href=\"javascript:dosearch("CurPage+1")\">下一页</a> <a href=\"javascript:TurnPage(" properties.length ")\">尾页</a> ";
}
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>
<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> <a href=\"javascript:alert('已经是第一页了!')\">前一页</a> 总共" properties.length "页 <a href=\"javascript:dosearch("CurPage+1")\">下一页</a> <a href=\"javascript:TurnPage(" properties.length ")\">尾页</a> ";
}else if( CurPage=properties.length)
{
strInner="<a href=\"javascript:dosearch("1")\">首页</a> <a href=\"javascript:dosearch("CurPage-1")\">前一页</a> 总共" properties.length "页 <a href=\"javascript:alert('已经是最后一页了!')\">下一页</a> <a href=\"javascript:TurnPage(" properties.length ")\">尾页</a> ";
}
else
{
strInner="<a href=\"javascript:dosearch("1")\">首页</a> <a href=\"javascript:dosearch("CurPage-1")\">前一页</a> 总共" properties.length "页 <a href=\"javascript:dosearch("CurPage+1")\">下一页</a> <a href=\"javascript:TurnPage(" properties.length ")\">尾页</a> ";
}
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>
下面这样改就行了:if( CurPage=1)
{
strInner = "<a href=\"javascript:dosearch('1')\">首页</a> <a href=\"javascript:alert('已经是第一页了!')\">前一页</a> 总共"
+ properties.length
+ "页 <a href=\"javascript:dosearch("
+ (CurPage + 1)
+ ")\">下一页</a> <a href=\"javascript:TurnPage("
+ properties.length
+")\">尾页</a> ";
}
else if( CurPage=properties.length)
{
strInner = "<a href=\"javascript:dosearch('1')\">首页</a> <a href=\"javascript:dosearch("
+ (CurPage - 1)
+ ")\">前一页</a> 总共"
+ properties.length
+ "页 <a href=\"javascript:alert('已经是最后一页了!')\">下一页</a> <a href=\"javascript:TurnPage("
+ properties.length
+ ")\">尾页</a> ";
}
else
{
strInner="<a href=\"javascript:dosearch('1')\">首页</a> <a href=\"javascript:dosearch("
+(CurPage-1)
+")\">前一页</a> 总共"
+ properties.length
+"页 <a href=\"javascript:dosearch("
+ (CurPage + 1)
+ ")\">下一页</a> <a href=\"javascript:TurnPage("
+ properties.length
+")\">尾页</a> ";
}大体这样吧,具体楼主漫漫调,注意字符串和数字的相加问题,和转义问题。别搞错了
'a'+ 1 ='a1'
'a'+1 +2 = 'a12'
'a'+(1+2) = 'a3'