HTML网页间利用JavaScript通过URL传递变量
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了HTML网页间利用JavaScript通过URL传递变量,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2300字,纯文字阅读大概需要4分钟。
内容图文
![HTML网页间利用JavaScript通过URL传递变量](/upload/InfoBanner/zyjiaocheng/305/08e71603ec90478b9681f05460829fad.jpg)
<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="http://www.php1.cn/">+pre+">上一页</a>"); } else { document.write("上一页"); } document.write(" ") if(end<img.length) { Para = eval(Para)+1; next = Url+"="+Para; document.write("<a href="http://www.php1.cn/">+next+">下一页</a>"); } else { document.write("下一页"); } //分析上下页连接 document.write("</td></tr></table>"); //制表 } imgMax="5"; imgName="101"; imgUrl="./"; pageMax="2"; showImg(imgMax,imgName,imgUrl,pageMax); </SCRIPT>
内容总结
以上是互联网集市为您收集整理的HTML网页间利用JavaScript通过URL传递变量全部内容,希望文章能够帮你解决HTML网页间利用JavaScript通过URL传递变量所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。