HTML 网页间利用 JavaScript 通过 URL 传递变量

집

백엔드 개발

PHP 튜토리얼

HTML 网页间利用 JavaScript 通过 URL 传递变量_PHP

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 01, 2016 pm 12:34 PM

옮기다사용변하기 쉬운그림웹페이지통과하다

<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으로 문의하세요.

관련 기사

什么是 Windows 11 中的传递优化文件，您可以删除它们吗？Sep 29, 2023 pm 04:09 PM

传递优化是帮助Windows更新和Windows应用商店更快地运行和交付更新的功能。传递优化中的缓存文件应该在一段时间后删除，但对于我们的一些读者来说，它们不断堆积并占用不必要的空间。删除传递优化文件是否安全？是的，删除传递优化文件是安全的，在本文中，您会发现在Windows11中这样做非常容易。尽管不建议手动删除传递优化文件，但可以自动执行此操作。如何删除Windows11上的传递优化文件？单击搜索栏，键入磁盘清理，然后从结果中打开该工具。如果您有多个驱动器，请选择带有系统的驱动器（通常是C：

PHP函数介绍—is_string(): 检查变量是否为字符串Jul 24, 2023 pm 09:33 PM

PHP函数介绍—strpos()：检查变量是否为字符串在PHP中，is_string()是一个非常有用的函数，它用于检查变量是否为字符串。当我们需要确定一个变量是否为字符串时，is_string()函数可以帮助我们轻松实现这个目标。下面我们将学习关于is_string()函数的使用方式以及提供一些相关代码示例。is_string()函数的语法非常简单。它只需

内部错误：无法创建临时目录 [已解决]Apr 17, 2023 pm 03:04 PM

Windows系统允许用户使用可执行/设置文件在您的系统上安装各种类型的应用程序。最近，许多Windows用户开始抱怨他们收到一个名为INTERNALERROR:cannotcreatetemporarydirectory在他们的系统上尝试使用可执行文件安装任何应用程序的错误。问题不仅限于此，而且还阻止用户启动任何现有的应用程序，这些应用程序也安装在Windows系统上。下面列出了一些可能的原因。运行可执行文件进行安装时不授予管理员权限。为TMP变量提供了无效或不同的路径。损坏的系

Go中如何使用context实现请求参数传递Jul 22, 2023 pm 04:43 PM

Go语言中的context包是用来在程序中传递请求的上下文信息的，它可以在跨多个Goroutine的函数之间传递参数、截取请求和取消操作。在Go中使用context包，我们首先需要导入"context"包。下面是一个示例，演示了如何使用context包实现请求参数传递。packagemainimport("context&quot

PHP是如何存储变量的？zval结构体你了解吗？May 26, 2022 am 09:47 AM

在 PHP 中定义一个变量是不需要声明类型的，一开始给变量 $a 赋予一个整型值，后面又可以轻而易举地将其改变为其他类型。那在 PHP 的源码中是如何来存储这个变量 $a 的呢？带着这个疑问我们一起去看一看 PHP 的源码。

如何解决Vue报错：无法使用props传递数据Aug 17, 2023 am 10:06 AM

如何解决Vue报错：无法使用props传递数据前言：在Vue的开发过程中，使用props来进行父子组件之间的数据传递是非常常见的。然而，有时候我们可能会遇到一个问题，即在使用props传递数据时，会出现报错的情况。本文将重点介绍如何解决Vue中无法使用props传递数据的报错。问题描述：在Vue开发中，当我们在父组件中使用props来传递数据给子组件时，如果

Go语言的变量有几种类型Jan 10, 2023 am 11:34 AM

变量有三个类型：1、函数内定义的变量称为局部变量，其作用域仅限于函数内部；局部变量不是一直存在的，它只在定义它的函数被调用后存在，函数调用结束后这个局部变量就会被销毁。2、函数外定义的变量称为全局变量，其只需要在一个源文件中定义，就可以在所有源文件中使用；全局变量声明必须以var关键字开头，如果想要在外部包中使用全局变量的首字母必须大写。3、函数定义中的变量称为形式参数。

在Java中的消息传递Aug 26, 2023 pm 10:13 PM

简介消息传递是一种在项目或线程之间传输通信的方法，是分布式系统和并行编程中的基本思想。根据实现的特定需求，Java中的消息传输可以通过各种方法和结构来完成使用动力源java.util.concurrent容器，它提供了一系列接口和类库，用于建立和处理作为活动锁的线程以及同步机制，是Java中实现传递消息的单一方法，例如实例。例如，Executor接口可以立即使用来执行任务，而BlockingQueue连接可用于在并发进程之间传递语句。以上是Java中消息传递的整个流程的流程图。接口类型Execu

See all articles

핫 AI 도구

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

드림위버 CS6

시각적 웹 개발 도구

맨티스BT

Mantis는 제품 결함 추적을 돕기 위해 설계된 배포하기 쉬운 웹 기반 결함 추적 도구입니다. PHP, MySQL 및 웹 서버가 필요합니다. 데모 및 호스팅 서비스를 확인해 보세요.

ZendStudio 13.5.1 맥

강력한 PHP 통합 개발 환경

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

DVWA

DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는