当前位置:首页> PHP教程> PHP精通
关键字
文章内容
HTML 网页 间利用 JavaScript 通过 URL 传递变量
 
 
修改时间:[2010/09/08 04:35]    阅读次数:[934]    发表者:[起缘]
 
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="+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="+next+">下一页</a>");
  } else {
   
document.write("下一页");
  }                    
//分析上下页连接
  
document.write("</td></tr></table>");                    //制表
}

imgMax="5";
imgName="101";
imgUrl="./";
pageMax="2";



showImg(imgMax,imgName,imgUrl,pageMax);
</SCRIPT>