html传递变量[ZT]


< SCRIPT language = javascript >



/* html_list.jsHTML 网页 间利用 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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值