html传递变量[ZT]

< 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>