Rumah > hujung hadapan web > tutorial js > HTML 网页 间利用 JavaScript 通过 URL 传递变量

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

高洛峰
Lepaskan: 2016-11-25 09:43:16
asal
1422 orang telah melayarinya

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>
Salin selepas log masuk


Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan