原创]HTML 网页 间利用
时间:2007-02-17 来源:PHP爱好者
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 = 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 ".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>
php爱好者站 http://www.phpfans.net PHP|MySQL|javascript|ajax|html.
<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 = 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 ".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>
php爱好者站 http://www.phpfans.net PHP|MySQL|javascript|ajax|html.
相关阅读 更多 +