html传递变量[ZT]

王朝html/css/js·作者佚名  2006-01-09
宽屏版  字体: |||超大  

<SCRIPT language=javascript>

/* html_list.js HTML 网页 间利用 JavaScript 通过 URL 传递变量

*实例为根据所传递参数自动读取图片,让静态网页实现单页面显示不同内容及分野功能

*以下为 参数分析

* imgMax //图片的总个数

* imgName //起始图片的文件名,所有图片都为jpg图片,传递参数时,只传文件名,例:101

* //图片的读取方式为 +1 ,所以,应该注意 01+1=2 ,而不等于 02

* imgUrl //图片的路径

* pageMax //单页最大显示图片数

*/

function showImg(imgMax,imgName,imgUrl,pageMax) {

imgName = eval(imgName);

pageMax = eval(pageMax);

imgMax = eval(imgMax);

var pageUrl="";

pageUrl = window.location;

pageUrl = pageUrl.toString() //获取当前页的URL,并附给字符串 pageUrl

var Parameter = pageUrl.split("?"); //以 ? 为分隔符,将上面获得的 URL 拆分成数组

Url = Parameter[0]+"?page"; //取得去掉参数后的URL,备后面翻页使用

Parameter = Parameter[1]; //取得 ? 的后一部分

var Parameter = pageUrl.split("="); //在次以 = 拆分

Parameter = Parameter[1]; //取得参数

if(Parameter<=0||Parameter==""||isNaN(Parameter)) {

Para=1;

}

else {

Para=Parameter;

} //如果参数未设置或错误设置,则自动为1,否则为设置数

img = new Array(); //设置图片组变量

for(i=0;i<imgMax;i++){

img[i] = imgName+i;

} //给组中的每一个变量附值

start = (Para - 1)*pageMax; //每页中开始的图片名称

end = ((start+pageMax)>=img.length)?img.length<img src="images/smilies/frown.gif" border="0" alt="">start+pageMax); //结束的图片名称

document.write("<table border=0 width=100% align=center>") //制表

for(i=start;i<end;i++) {

document.write ("<tr align=center><td><img src="+imgUrl+""+img[i]+".jpg><br></td></tr>");

} //输出相应图片

document.write ("<tr align=center><td>") //制表

if(start!=0) {

pre = Url+"="+eval(Para-1);

document.write("<a href="+pre+">上一页</a>");

} else {

document.write("上一页");

}

document.write("&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;")

if(end<img.length) {

Para = eval(Para)+1;

next = Url+"="+Para;

document.write("<a href="+next+">下一页</a>");

} else {

document.write("下一页");

} //分析上下页连接

document.write("</td></tr></table>"); //制表

}

imgMax="5";

imgName="101";

imgUrl="./";

pageMax="2";

showImg(imgMax,imgName,imgUrl,pageMax);

</SCRIPT>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
© 2005- 王朝网络 版权所有