Heim > Web-Frontend > js-Tutorial > Verwendung von JavaScript zur Weitergabe von Variablen über URLs zwischen HTML-Webseiten

Verwendung von JavaScript zur Weitergabe von Variablen über URLs zwischen HTML-Webseiten

高洛峰
Freigeben: 2016-11-25 09:43:16
Original
1405 Leute haben es durchsucht

PHP-Code:

<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>
Nach dem Login kopieren


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage