登录/注册
JAVA知识库
HTML 网页 间利用 JavaScript 通过 URL 传递变量
转自:
<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>