HTML 网页 间利用 JavaScript 通过 URL 传递变量_PHP
传递
使用
变量
图片
网页
通过
<font size="2"><font face="verdana,arial,helvetica">PHP代码:</font><hr></font><code><font color="#000000">
<font color="#0000bb"><br></font><font color="#007700"><font color="#0000bb">SCRIPT language</font><font color="#007700">=</font><font color="#0000bb">javascript</font><font color="#007700">>
<br>
<br></font><font color="#ff8000">/* html_list.js HTML 网页 间利用 JavaScript 通过 URL 传递变量
<br>*实例为根据所传递参数自动读取图片，让静态网页实现单页面显示不同内容及分野功能
<br>*以下为 参数分析
<br>* imgMax //图片的总个数
<br>* imgName //起始图片的文件名，所有图片都为jpg图片，传递参数时，只传文件名，例：101
<br>* //图片的读取方式为 +1 ，所以，应该注意 01+1=2 ,而不等于 02
<br>* imgUrl //图片的路径
<br>* pageMax //单页最大显示图片数
<br>*/
<br></font><font color="#007700">function </font><font color="#0000bb">showImg</font><font color="#007700">(</font><font color="#0000bb">imgMax</font><font color="#007700">,</font><font color="#0000bb">imgName</font><font color="#007700">,</font><font color="#0000bb">imgUrl</font><font color="#007700">,</font><font color="#0000bb">pageMax</font><font color="#007700">) {
<br> </font><font color="#0000bb">imgName </font><font color="#007700">= eval(</font><font color="#0000bb">imgName</font><font color="#007700">);
<br> </font><font color="#0000bb">pageMax </font><font color="#007700">= eval(</font><font color="#0000bb">pageMax</font><font color="#007700">);
<br> </font><font color="#0000bb">imgMax </font><font color="#007700">= eval(</font><font color="#0000bb">imgMax</font><font color="#007700">);
<br> var </font><font color="#0000bb">pageUrl</font><font color="#007700">=</font><font color="#dd0000">""</font><font color="#007700">;
<br> </font><font color="#0000bb">pageUrl </font><font color="#007700">= </font><font color="#0000bb">window</font><font color="#007700">.</font><font color="#0000bb">location</font><font color="#007700">;
<br> </font><font color="#0000bb">pageUrl </font><font color="#007700">= </font><font color="#0000bb">pageUrl</font><font color="#007700">.</font><font color="#0000bb">toString</font><font color="#007700">() </font><font color="#ff8000">//获取当前页的URL，并附给字符串 pageUrl
<br> </font><font color="#007700">var </font><font color="#0000bb">Parameter </font><font color="#007700">= </font><font color="#0000bb">pageUrl</font><font color="#007700">.</font><font color="#0000bb">split</font><font color="#007700">(</font><font color="#dd0000">"?"</font><font color="#007700">); </font><font color="#ff8000">//以 ? 为分隔符，将上面获得的 URL 拆分成数组
<br> </font><font color="#0000bb">Url </font><font color="#007700">= </font><font color="#0000bb">Parameter</font><font color="#007700">[</font><font color="#0000bb">0</font><font color="#007700">]+</font><font color="#dd0000">"?page"</font><font color="#007700">; </font><font color="#ff8000">//取得去掉参数后的URL，备后面翻页使用
<br> </font><font color="#0000bb">Parameter </font><font color="#007700">= </font><font color="#0000bb">Parameter</font><font color="#007700">[</font><font color="#0000bb">1</font><font color="#007700">]; </font><font color="#ff8000">//取得 ? 的后一部分
<br> </font><font color="#007700">var </font><font color="#0000bb">Parameter </font><font color="#007700">= </font><font color="#0000bb">pageUrl</font><font color="#007700">.</font><font color="#0000bb">split</font><font color="#007700">(</font><font color="#dd0000">"="</font><font color="#007700">); </font><font color="#ff8000">//在次以 = 拆分
<br> </font><font color="#0000bb">Parameter </font><font color="#007700">= </font><font color="#0000bb">Parameter</font><font color="#007700">[</font><font color="#0000bb">1</font><font color="#007700">]; </font><font color="#ff8000">//取得参数
<br> </font><font color="#007700">if(</font><font color="#0000bb">Parameter</font><font color="#007700"><font color="#0000bb">0</font><font color="#007700">||</font><font color="#0000bb">Parameter</font><font color="#007700">==</font><font color="#dd0000">""</font><font color="#007700">||</font><font color="#0000bb">isNaN</font><font color="#007700">(</font><font color="#0000bb">Parameter</font><font color="#007700">)) {
<br> </font><font color="#0000bb">Para</font><font color="#007700">=</font><font color="#0000bb">1</font><font color="#007700">;
<br> }
<br> else {
<br> </font><font color="#0000bb">Para</font><font color="#007700">=</font><font color="#0000bb">Parameter</font><font color="#007700">;
<br> } </font><font color="#ff8000">//如果参数未设置或错误设置，则自动为1，否则为设置数
<br> </font><font color="#0000bb">img </font><font color="#007700">= new Array(); </font><font color="#ff8000">//设置图片组变量
<br> </font><font color="#007700">for(</font><font color="#0000bb">i</font><font color="#007700">=</font><font color="#0000bb">0</font><font color="#007700">;</font><font color="#0000bb">i</font><font color="#007700"><font color="#0000bb">imgMax</font><font color="#007700">;</font><font color="#0000bb">i</font><font color="#007700">++){
<br> </font><font color="#0000bb">img</font><font color="#007700">[</font><font color="#0000bb">i</font><font color="#007700">] = </font><font color="#0000bb">imgName</font><font color="#007700">+</font><font color="#0000bb">i</font><font color="#007700">;
<br> } </font><font color="#ff8000">//给组中的每一个变量附值
<br> </font><font color="#0000bb">start </font><font color="#007700">= (</font><font color="#0000bb">Para </font><font color="#007700">- </font><font color="#0000bb">1</font><font color="#007700">)*</font><font color="#0000bb">pageMax</font><font color="#007700">; </font><font color="#ff8000">//每页中开始的图片名称
<br> </font><font color="#0000bb">end </font><font color="#007700">= ((</font><font color="#0000bb">start</font><font color="#007700">+</font><font color="#0000bb">pageMax</font><font color="#007700">)>=</font><font color="#0000bb">img</font><font color="#007700">.</font><font color="#0000bb">length</font><font color="#007700">)?</font><font color="#0000bb">img</font><font color="#007700">.</font><font color="#0000bb">length</font><font color="#007700"><font color="#0000bb">img src</font><font color="#007700">=</font><font color="#dd0000">"images/smilies/frown.gif" </font><font color="#0000bb">border</font><font color="#007700">=</font><font color="#dd0000">"0" </font><font color="#0000bb">alt</font><font color="#007700">=</font><font color="#dd0000">""</font><font color="#007700">></font><font color="#0000bb">start</font><font color="#007700">+</font><font color="#0000bb">pageMax</font><font color="#007700">); </font><font color="#ff8000">//结束的图片名称
<br> </font><font color="#0000bb">document</font><font color="#007700">.</font><font color="#0000bb">write</font><font color="#007700">(</font><font color="#dd0000">"<table border="0" width="100%" align="center">"<font color="#007700">) </font><font color="#ff8000">//制表
<br> </font><font color="#007700">for(</font><font color="#0000bb">i</font><font color="#007700">=</font><font color="#0000bb">start</font><font color="#007700">;</font><font color="#0000bb">i</font><font color="#007700"><font color="#0000bb">end</font><font color="#007700">;</font><font color="#0000bb">i</font><font color="#007700">++) {
<br> </font><font color="#0000bb">document</font><font color="#007700">.</font><font color="#0000bb">write </font><font color="#007700">(</font><font color="#dd0000">"<tr align="center"><td>
<img src="</font><font%20color=" alt="HTML 网页 间利用 JavaScript 通过 URL 传递变量_PHP" >+<font color="#0000bb">imgUrl</font><font color="#007700">+</font><font color="#dd0000">""</font><font color="#007700">+</font><font color="#0000bb">img</font><font color="#007700">[</font><font color="#0000bb">i</font><font color="#007700">]+</font><font color="#dd0000">".jpg><br></font>
</td></tr>"</font><font color="#007700">);
<br> } </font><font color="#ff8000">//输出相应图片
<br> </font><font color="#0000bb">document</font><font color="#007700">.</font><font color="#0000bb">write </font><font color="#007700">(</font><font color="#dd0000">"<tr align="center"><td>"<font color="#007700">) </font><font color="#ff8000">//制表
<br> </font><font color="#007700">if(</font><font color="#0000bb">start</font><font color="#007700">!=</font><font color="#0000bb">0</font><font color="#007700">) {
<br> </font><font color="#0000bb">pre </font><font color="#007700">= </font><font color="#0000bb">Url</font><font color="#007700">+</font><font color="#dd0000">"="</font><font color="#007700">+eval(</font><font color="#0000bb">Para</font><font color="#007700">-</font><font color="#0000bb">1</font><font color="#007700">);
<br> </font><font color="#0000bb">document</font><font color="#007700">.</font><font color="#0000bb">write</font><font color="#007700">(</font><font color="#dd0000">"<a href="</font><font%20color=">+</a></font><font color="#0000bb">pre</font><font color="#007700">+</font><font color="#dd0000">">上一页"</font><font color="#007700">);
<br> } else {
<br> </font><font color="#0000bb">document</font><font color="#007700">.</font><font color="#0000bb">write</font><font color="#007700">(</font><font color="#dd0000">"上一页"</font><font color="#007700">);
<br> }
<br> </font><font color="#0000bb">document</font><font color="#007700">.</font><font color="#0000bb">write</font><font color="#007700">(</font><font color="#dd0000">" "</font><font color="#007700">)
<br> if(</font><font color="#0000bb">end</font><font color="#007700"><font color="#0000bb">img</font><font color="#007700">.</font><font color="#0000bb">length</font><font color="#007700">) {
<br> </font><font color="#0000bb">Para </font><font color="#007700">= eval(</font><font color="#0000bb">Para</font><font color="#007700">)+</font><font color="#0000bb">1</font><font color="#007700">;
<br> </font><font color="#0000bb">next </font><font color="#007700">= </font><font color="#0000bb">Url</font><font color="#007700">+</font><font color="#dd0000">"="</font><font color="#007700">+</font><font color="#0000bb">Para</font><font color="#007700">;
<br> </font><font color="#0000bb">document</font><font color="#007700">.</font><font color="#0000bb">write</font><font color="#007700">(</font><font color="#dd0000">"<a href="</font><font%20color=">+</a></font><font color="#0000bb">next</font><font color="#007700">+</font><font color="#dd0000">">下一页"</font><font color="#007700">);
<br> } else {
<br> </font><font color="#0000bb">document</font><font color="#007700">.</font><font color="#0000bb">write</font><font color="#007700">(</font><font color="#dd0000">"下一页"</font><font color="#007700">);
<br> } </font><font color="#ff8000">//分析上下页连接
<br> </font><font color="#0000bb">document</font><font color="#007700">.</font><font color="#0000bb">write</font><font color="#007700">(</font><font color="#dd0000">"</font></font>
</td></tr></font></font>
</table>"</font><font color="#007700">); </font><font color="#ff8000">//制表
<br> </font><font color="#007700">}
<br>
<br> </font><font color="#0000bb">imgMax</font><font color="#007700">=</font><font color="#dd0000">"5"</font><font color="#007700">;
<br> </font><font color="#0000bb">imgName</font><font color="#007700">=</font><font color="#dd0000">"101"</font><font color="#007700">;
<br> </font><font color="#0000bb">imgUrl</font><font color="#007700">=</font><font color="#dd0000">"./"</font><font color="#007700">;
<br> </font><font color="#0000bb">pageMax</font><font color="#007700">=</font><font color="#dd0000">"2"</font><font color="#007700">;
<br>
<br>
<br>
<br> </font><font color="#0000bb">showImg</font><font color="#007700">(</font><font color="#0000bb">imgMax</font><font color="#007700">,</font><font color="#0000bb">imgName</font><font color="#007700">,</font><font color="#0000bb">imgUrl</font><font color="#007700">,</font><font color="#0000bb">pageMax</font><font color="#007700">);
<br></font><font color="#0000bb"><br></font></font>
</font></font></font></font></code><hr>登录后复制
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
AI Hentai Generator
免费生成ai无尽的。
热门文章
R.E.P.O.能量晶体解释及其做什么（黄色晶体）
3 周前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前
By 尊渡假赌尊渡假赌尊渡假赌
刺客信条阴影：贝壳谜语解决方案
1 周前
By DDD
R.E.P.O.如果您听不到任何人，如何修复音频
3 周前
By 尊渡假赌尊渡假赌尊渡假赌
在哪里可以找到原子中的起重机控制钥匙卡
1 周前
By DDD
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
Edge浏览器怎么将网页用快捷方式发送到桌面？
Mar 14, 2024 pm 05:22 PM
Edge浏览器怎么将网页用快捷方式发送到桌面？我们很多用户为了方便直接打开访问页面，想要将经常使用的网页以快捷方式的形式显示在桌面，但是不知道应该如何操作，针对这个问题，本期小编就来和广大用户们分享解决方法，一起来看看今日软件教程分享的内容吧。 Edge浏览器将网页发送到桌面快捷方式方法： 1、打开软件，点击页面中的“...”按钮。 2、在下拉菜单选项中选择“应用”中的“将此站点作为应用安装”。 3、最后在弹出的窗口中将其
小红书发布自动保存图片怎么解决？发布自动保存图片在哪里？
Mar 22, 2024 am 08:06 AM
随着社交媒体的不断发展，小红书已经成为越来越多年轻人分享生活、发现美好事物的平台。许多用户在发布图片时遇到了自动保存的问题，这让他们感到十分困扰。那么，如何解决这个问题呢？一、小红书发布自动保存图片怎么解决？1.清除缓存首先，我们可以尝试清除小红书的缓存数据。步骤如下：（1）打开小红书，点击右下角的“我的”按钮；（2）在个人中心页面，找到“设置”并点击；（3）向下滚动，找到“清除缓存”选项，点击确认。清除缓存后，重新进入小红书，尝试发布图片看是否解决了自动保存的问题。2.更新小红书版本确保你的小
抖音评论里怎么发图片？评论区图片入口在哪里？
Mar 21, 2024 pm 09:12 PM
随着抖音短视频的火爆，用户们在评论区互动变得更加丰富多彩。有些用户希望在评论中分享图片，以更好地表达自己的观点或情感。那么，抖音评论里怎么发图片呢？本文将为你详细解答这个问题，并为你提供一些相关的技巧和注意事项。一、抖音评论里怎么发图片？1.打开抖音：首先，你需要打开抖音APP，并登录你的账号。2.找到评论区：在浏览或发布短视频时，找到想要评论的地方，点击“评论”按钮。3.输入评论内容：在评论区输入你的评论内容。4.选择发送图片：在输入评论内容的界面，你会看到一个“图片”按钮或者“+”号按钮，点
在 iPhone 上使图片更清晰的 6 种方法
Mar 04, 2024 pm 06:25 PM
Apple最近的iPhone可以通过清晰的细节、饱和度和亮度来捕捉回忆。但有时，您可能会遇到一些问题，这些问题可能会导致图像看起来不那么清晰。尽管iPhone相机上的自动对焦已经取得了长足的进步，可以让您快速拍照，但相机在某些情况下可能会错误地对焦错误的拍摄对象，从而使照片在不需要的区域更加模糊。如果iPhone上的照片看起来失焦或总体上缺乏清晰度，以下帖子应该可以帮助您使它们更清晰。如何在iPhone上使图片更清晰[6种方法]您可以尝试使用本机的“照片”应用来清理照片。如果您需要更多功能和选项
ppt怎么让图片一张一张出来
Mar 25, 2024 pm 04:00 PM
在PowerPoint中，让图片逐一显示是一种常用的技巧，可以通过设置动画效果来实现。本指南详细介绍了实现这一技巧的步骤，包括基本设置、图片插入、添加动画、调整动画顺序和时间。此外，还提供了高级设置和调整，例如使用触发器、调整动画速度和顺序，以及预览动画效果。通过遵循这些步骤和技巧，用户可以轻松地在PowerPoint中设置图片逐一出现，从而提升演示文稿的视觉效果并吸引观众的注意力。
福昕PDF阅读器如何将pdf文档转成jpg图片-福昕PDF阅读器将pdf文档转成jpg图片的方法
Mar 04, 2024 pm 05:49 PM
你们是不是也在使用福昕PDF阅读器软件呢?那么你们知道福昕PDF阅读器如何将pdf文档转成jpg图片吗?下面这篇文章就为大伙带来了福昕PDF阅读器将pdf文档转成jpg图片的方法，感兴趣的小伙伴们快来下文看看吧。先启动福昕PDF阅读器，接着在顶部工具栏找到“特色功能”，然后选择“PDF转其他”功能。在接下来，打开一个名为“福昕pdf在线转换”的网页。在页面上方右侧点击“登录”按钮进行登录，然后打开“PDF转图片”功能。之后点击上传按钮并将想要转换成图片的pdf文件添加进来，添加完毕后点击“开始转
网络连接正常但浏览器无法访问网页可能原因
Feb 19, 2024 pm 03:45 PM
浏览器打不开网页但是网络正常，可能的原因是多种多样的。在该问题出现时，我们需要逐步排查，才能确定具体的原因并解决问题。首先，确定网页打不开的现象是局限于某个特定的浏览器还是所有浏览器都无法打开网页。如果只有一个浏览器无法打开网页，可以尝试使用其他浏览器，如谷歌浏览器、火狐浏览器等进行测试。如果其他浏览器能够正常打开网页，那么问题很可能出在该特定浏览器上，可能
wps文档中两张图片怎么并排
Mar 20, 2024 pm 04:00 PM
在使用wps办公软件时，我们发现不单单只用一种形式，文字里会加入表格和图片，表格里也可以加入图片等等，这些都是兼并使用的，让整个文档的内容看起来更丰富，如果需要在文档中插入两张图片，而且需要并排排列。我们接下来的课程就可以解决这个问题：wps文档中两张图片怎么并排。1、首先需要打开WPS软件，找到你想要调整的图片。左键点击图片会弹出一个菜单栏，选择“页面布局”。2、在文字环绕中选择“紧密型环绕”。3、当需要的图片都确认设定为“紧密型文字环绕”之后，便可以把图片随意拖动到合适的位置，点击第一张图片
