html传递变量[ZT]

最新推荐文章于 2025-11-24 13:33:21 发布

转载最新推荐文章于 2025-11-24 13:33:21 发布 · 1.3k 阅读

文章标签：

#html #javascript #url #border #function #table

Web开发专栏收录该内容

17 篇文章

订阅专栏

该博客介绍了HTML网页间利用JavaScript通过URL传递变量的方法。以根据传递参数自动读取图片为例，实现静态网页单页面显示不同内容及分页功能。代码中对图片总个数、起始文件名、图片路径、单页最大显示图片数等参数进行分析和处理。

<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("        ")

  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>