欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

HTML 网页 间利用 JavaScript 通过 URL 传递变量

程序员文章站 2022-04-24 12:04:15
...
PHP代码:
<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="http://www.php1.cn/">+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="http://www.php1.cn/">+next+">下一页</a>");
  } else {
   document.write("下一页");
  }                    //分析上下页连接
  document.write("</td></tr></table>");                    //制表
 }
 imgMax="5";
 imgName="101";
 imgUrl="./";
 pageMax="2";
 showImg(imgMax,imgName,imgUrl,pageMax);
</SCRIPT>
相关标签: HTML