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 尊渡假赌尊渡假赌尊渡假赌
刺客信條陰影：貝殼謎語解決方案
2 週前
By DDD
R.E.P.O.如果您聽不到任何人，如何修復音頻
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25：如何解鎖Myrise中的所有內容
4 週前
By 尊渡假赌尊渡假赌尊渡假赌
熱工具
記事本++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
瀏覽器打不開網頁但是網路正常，可能的原因是多種多樣的。當問題出現時，我們需要逐步排查，才能確定具體的原因並解決問題。首先，確定網頁打不開的現像是侷限於某個特定的瀏覽器或所有瀏覽器都無法開啟網頁。如果只有一個瀏覽器無法開啟網頁，可以嘗試使用其他瀏覽器，如Google瀏覽器、火狐瀏覽器等進行測試。如果其他瀏覽器能夠正常開啟網頁，那麼問題很可能出在該特定瀏覽器上，可能
網頁圖片載入不出來怎麼辦？ 6種解決辦法
Mar 15, 2024 am 10:30 AM
有網友發現打開瀏覽器網頁，網頁上的圖片遲遲加載不出來，是怎麼回事？檢查過網路是正常的，那是哪裡出現了問題呢？下面小編就來跟大家介紹一下網頁圖片載入不出來的六種解決方法。網頁圖片載入不出來： 1、網速問題網頁顯示不出圖片有可能是因為電腦的網路速度比較慢，電腦中開啟的軟體比較多， 而我們造訪的圖片比較大，這就可能因為載入逾時，導致圖片顯示不出來， 可以將比較佔網速的軟體將關掉，可以去任務管理器查看一下。 2、造訪人數過多 網頁顯示不出圖片還有可能是因為我們造訪的網頁，在同時段造訪的
