html传递变量[ZT]

最新推荐文章于 2024-08-22 16:11:10 发布

iteye_15968

最新推荐文章于 2024-08-22 16:11:10 发布

阅读量177

点赞数

文章标签： HTML JavaScript ViewUI

该博客介绍了在HTML网页间利用JavaScript通过URL传递变量的方法。通过设置图片总个数、起始文件名、图片路径和单页最大显示图片数等参数，实现静态网页单页面显示不同内容及分页功能，给出了具体的JavaScript代码实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<SCRIPT language=javascript>

/* html_list.jsHTML 网页间利用 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("        ")

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>