< 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 ( " " )
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>