首頁 > web前端 > js教程 > HTML 網頁 間利用 JavaScript 透過 URL 傳遞變數

HTML 網頁 間利用 JavaScript 透過 URL 傳遞變數

高洛峰
發布: 2016-11-25 09:43:16
原創
1404 人瀏覽過

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("        ")
  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>
登入後複製


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板