• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

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

php 搞代码 3年前 (2022-01-25) 19次浏览 已收录 0个评论
<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><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><font color="#0000bb">0</font><font color="#007700"><i style="color:transparent">本¥文来源gaodai$ma#com搞$代*码*网(</i><strong>搞代gaodaima码</strong>||</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><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><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><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><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><font>+</font><font>imgUrl</font><font>+</font><font>""</font><font>+</font><font>img</font><font>[</font><font>i</font><font>]+</font><font>".jpg><br></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><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">"<font color="#007700">+</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><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">"<font color="#007700">+</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">"</td></tr></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"></script><br /></font></font></code><hr />

搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:HTML 网页 间利用 JavaScript 通过 URL 传递变量_PHP
喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址