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 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか（黄色のクリスタル）
2週間前
By 尊渡假赌尊渡假赌尊渡假赌
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか？
1 か月前
By DDD
R.E.P.O.ファイルの保存場所：それはどこにあり、それを保護する方法は？
1 か月前
By DDD
R.E.P.O.最高のグラフィック設定
2週間前
By 尊渡假赌尊渡假赌尊渡假赌
アサシンのクリードシャドウズ：シーシェルリドルソリューション
1週間前
By DDD
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
Gmailメールのログイン入り口はどこですか？
7387
15
7387
15
Java チュートリアル
1630
14
1630
14
CakePHP チュートリアル
1357
52
1357
52
Laravel チュートリアル
1267
25
1267
25
PHP チュートリアル
1216
29
1216
29
EdgeブラウザのショートカットとしてWebページをデスクトップに送信するにはどうすればよいですか?
Mar 14, 2024 pm 05:22 PM
Edge ブラウザのショートカットとして Web ページをデスクトップに送信するにはどうすればよいですか?多くのユーザーは、アクセスページを直接開くことができるように、頻繁に使用する Web ページをデスクトップにショートカットとして表示したいと考えていますが、その方法がわかりません。この問題に応えて、この号の編集者は大多数のユーザーが解決策を考えているので、今日のソフトウェア チュートリアルで共有されているコンテンツを見てみましょう。 Edge ブラウザで Web ページをデスクトップに送信するショートカット方法: 1. ソフトウェアを開き、ページ上の「...」ボタンをクリックします。 2. ドロップダウン メニュー オプションから [アプリケーション] で [このサイトをアプリケーションとしてインストールする] を選択します。 3. 最後に、ポップアップウィンドウでそれをクリックします
小紅書で公開するときに写真が自動的に保存される問題を解決するにはどうすればよいですか?投稿時に自動保存された画像はどこにありますか？
Mar 22, 2024 am 08:06 AM
ソーシャルメディアの継続的な発展に伴い、Xiaohongshu はますます多くの若者が自分たちの生活を共有し、美しいものを発見するためのプラットフォームとなっています。多くのユーザーは、画像を投稿する際の自動保存の問題に悩まされています。では、この問題をどうやって解決すればよいでしょうか? 1.小紅書で公開するときに写真が自動的に保存される問題を解決するにはどうすればよいですか? 1. キャッシュをクリアする まず、Xiaohongshu のキャッシュ データをクリアしてみます。手順は次のとおりです: (1) 小紅書を開いて右下隅の「マイ」ボタンをクリックします。 (2) 個人センター ページで「設定」を見つけてクリックします。 (3) 下にスクロールして「」を見つけます。 「キャッシュをクリア」オプションを選択し、「OK」をクリックします。キャッシュをクリアした後、Xiaohongshu を再起動し、写真を投稿して、自動保存の問題が解決されるかどうかを確認します。 2. 小紅書バージョンを更新して、小紅書が正しく動作することを確認します。
TikTokのコメントに写真を投稿するにはどうすればよいですか?コメント欄の写真への入り口はどこですか？
Mar 21, 2024 pm 09:12 PM
Douyin のショートビデオの人気により、コメント エリアでのユーザーのやり取りがより多彩になりました。ユーザーの中には、自分の意見や感情をよりよく表現するために、コメントで画像を共有したいと考えている人もいます。では、TikTokのコメントに写真を投稿するにはどうすればよいでしょうか?この記事では、この質問に詳しく答え、関連するヒントと注意事項をいくつか紹介します。 1.Douyinのコメントに写真を投稿するにはどうすればよいですか? 1. Douyinを開く: まず、Douyin APPを開いてアカウントにログインする必要があります。 2. コメントエリアを見つける：短いビデオを閲覧または投稿するときに、コメントしたい場所を見つけて「コメント」ボタンをクリックします。 3. コメントの内容を入力します: コメント領域にコメントの内容を入力します。 4. 写真の送信を選択します。コメント内容を入力するインターフェースに「写真」ボタンまたは「+」ボタンが表示されます。
iPhone で写真をより鮮明にする 6 つの方法
Mar 04, 2024 pm 06:25 PM
Apple の最近の iPhone は、鮮明なディテール、彩度、明るさで思い出を捉えます。ただし、場合によっては、画像が鮮明に見えなくなる問題が発生することがあります。 iPhone カメラのオートフォーカスは大きく進歩し、写真をすばやく撮影できるようになりましたが、状況によってはカメラが誤って間違った被写体に焦点を合わせ、不要な領域で写真がぼやけてしまうことがあります。 iPhone 上の写真の焦点が合っていない場合、または全体的に鮮明さが欠けている場合は、次の投稿を参照して写真を鮮明にすることができます。 iPhone で写真を鮮明にする方法 [6 つの方法] ネイティブの写真アプリを使用して写真をクリーンアップしてみることができます。さらに多くの機能やオプションが必要な場合
PPT画像を1枚ずつ表示させる方法
Mar 25, 2024 pm 04:00 PM
PowerPoint では、画像を 1 枚ずつ表示するのが一般的な手法ですが、これはアニメーション効果を設定することで実現できます。このガイドでは、基本的なセットアップ、画像の挿入、アニメーションの追加、アニメーションの順序とタイミングの調整など、この手法を実装する手順について詳しく説明します。さらに、トリガーの使用、アニメーションの速度と順序の調整、アニメーション効果のプレビューなど、高度な設定と調整が提供されます。これらの手順とヒントに従うことで、ユーザーは PowerPoint で次々に表示される画像を簡単に設定できるため、プレゼンテーションの視覚的な効果が高まり、聴衆の注意を引くことができます。
Foxit PDF Reader で PDF ドキュメントを jpg 画像に変換する方法 - Foxit PDF Reader で PDF ドキュメントを jpg 画像に変換する方法
Mar 04, 2024 pm 05:49 PM
Foxit PDF Reader ソフトウェアも使用していますか? Foxit PDF Reader が PDF ドキュメントを jpg 画像に変換する方法をご存知ですか? 次の記事では、Foxit PDF Reader が PDF ドキュメントを jpg 画像に変換する方法について説明します。 jpg画像は以下からご覧ください。まずFoxit PDF Readerを起動し、上部のツールバーで「機能」を見つけ、「PDF to Others」機能を選択します。次に、「Foxit PDF Online Conversion」というWebページを開きます。ページ右上の「ログイン」ボタンをクリックしてログインし、「PDF to Image」機能をオンにしてください。次にアップロードボタンをクリックし、画像に変換したいPDFファイルを追加し、追加後「変換開始」をクリックします。
ネットワーク接続は正常であるにもかかわらず、ブラウザが Web ページにアクセスできない場合の考えられる理由
Feb 19, 2024 pm 03:45 PM
ブラウザは Web ページを開けませんが、ネットワークは正常です。多くの理由が考えられます。この問題が発生した場合は、段階的に調査して具体的な原因を特定し、問題を解決する必要があります。まず、Web ページを開けないのは特定のブラウザに限定されているのか、それともすべてのブラウザで Web ページを開けないのかを判断します。 1 つのブラウザだけで Web ページを開けない場合は、テストのために Google Chrome、Firefox などの他のブラウザを使用してみることができます。他のブラウザでページを正しく開くことができる場合、問題はその特定のブラウザにある可能性があります。
WPSドキュメントで2つの写真を並べて配置する方法
Mar 20, 2024 pm 04:00 PM
WPS オフィス ソフトウェアを使用すると、使用するフォームは 1 つだけではなく、テキストに表や写真を追加したり、表に写真を追加したりすることもできます。これらをすべて組み合わせて文書全体のコンテンツを作成することができます。文書に 2 つの画像を挿入し、それらを並べて配置する必要がある場合。次のコースでは、この問題を解決します。WPS ドキュメントに 2 つの写真を並べて配置する方法です。 1. まず、WPS ソフトウェアを開き、調整する画像を見つける必要があります。画像を左クリックするとメニューバーが表示されるので「ページレイアウト」を選択します。 2. 文字の折り返しで「タイト折り返し」を選択します。 3. 必要なすべての画像が「テキスト折り返し」に設定されていることを確認したら、画像を適切な位置にドラッグし、最初の画像をクリックします。
