ホームページ バックエンド開発 PHPチュートリアル 3. example_PHP チュートリアルから始める

3. example_PHP チュートリアルから始める

Jul 21, 2016 pm 04:08 PM
php そして 利用 練習する 道具 始める 私たち 特徴 ソフトウェア


3 PHP の練習


PHP の多くの機能は、他のソフトウェアやツールに関連しています。これまでに学んだ PHP の知識を使用して、単純なインタラクティブな Web サイトの構築を試みることができます。このプロセスを通じて私たちは多くのことを学ぶことができます。それでは、典型的な個人 Web サイトの構築に焦点を当てましょう。



3.1 サイトを計画する

通常、個人サイトには、ウェルカム ページ、ゲストブック ページ、ブックマーク リンク ページ、カウンター、連絡先情報、さらには写真コレクションやいくつかの音楽ファイルなどが含まれます。タイトルページ、連絡先情報ページ、履歴書ページから始めましょう。標準およびユニバーサルのページヘッダーとフッターも必要です。



タイトルページ --front.html





ここに非常に単純な HTML ファイルがあります:





<br><br>My Personal Homepage - -ようこそ<br><br>







私の個人ホームページ





ようこそ








私の質素な住居へようこそ、ここにはまだ何もありません。





でも、すぐにもっと増えることを願っています。


















連絡先情報ページ--count.html



同様に、別の単純なページがあります:





<br><br>私の個人ホームページ - 連絡先<br><br>







私のプロフィール




連絡先情報








1-800-PHP-INFOまでご連絡ください








Copyright ? 1999




同じヘッダーとフッター。作業負荷が小さい場合は、上記のように各ページに同じ情報を書き込むのは問題ありませんが、100 ページを超えるページがあり、すべてのページのヘッダーまたは下部を変更する必要がある場合、どれだけの労力を費やさなければならないかを想像してみてください。ページごとに手動で変更するのは、何と退屈で退屈な作業でしょう。したがって、これらのページの PHP ヘッダー ファイルと下部ファイルを作成し、すべての HTML ページでそれらを参照するだけで済みます。これらのインクルード ファイルは、include というサブディレクトリに配置します。以下では、これらのサイトに共通するコンテンツをファイルに書き込みます。



サイト全体の共通変数設定: common.inc


// サイト全体の共通変数

$MyEmail = "phptalk@tnc.org";

$MyEmailLink = "$MyEmail";

$MyName = "PHP Talk";

$MySiteName = $MyName." のホームページ";

?>



ユニバーサル ページ ヘッダー: header.inc


// ユニバーサル ページ ヘッダーを定義します

?>





<br><br>< echo "$MySiteName - $title"; ?><br><br></H1><br><br><H2><br><br><? echo "$title" ?> HR><br><br><br><br>総合ページ下部 :footer.inc<br><br><?<br><br>// 一般ページ下部 <br><br>?><br><br><HR><br><br><P ALIGN="CENTER"> <br><br><SMALL><br>著作権 ? by <br><br><?><br><br>、1999<br></SMALL> <br></P><br><br></ BODY><br><br></HTML><br><br><br><br>新しいページfront.php3: <br><br><?<br><br>include("include/common.inc");<br><br> $title = "ようこそ";<br><br>include ("include/header.inc");<br><br>?><br><br><P><br><br>私の質素な住居へようこそ、ここにはまだ何もありません。 <br><br></P><br><br><P><br><br>でも、すぐにもっと増えることを願っています。 <br><br></P><br><br><?<br><br>include ("include/footer.inc"); include/common.inc");<br><br>$title = "連絡先情報";<br><br>include("include/ header.inc");<br><br>?><br><br><P><br><br>1-800 -PHP-INFO までお電話ください<br><br></P><br><br><?<br><br>include("include/ footer.inc");<br><br>?><br><br><br><br>これで、この配置の利点が推測できるようになります。ページのヘッダーまたは下部を変更したい場合は、対応するファイルを変更するだけで済みます。電子メール アドレスや名前を変更したい場合は、common.inc ファイルを変更するだけです。任意のファイル名またはファイル拡張子のファイルをファイルに含めることができ、他のサイトのファイルを含めることもできることにも注目してください。 <br><br><br><br>3.3 カウンター<br><br><br><br>ホームページにカウンターを追加しましょう。この例は何度も説明されていますが、ファイルの読み取りと書き込み、および独自の関数の作成方法を示すのに依然として役立ちます。 counter.inc には次のコードが含まれています: <br><br><?<br><br>/*<br><br><br> 単純なカウンター <br><br>*/<br><br>function get_hitcount($counter_file)<br><br>{<br><br>/* カウンターをゼロにリセットします<br><br>これカウンタがまだ使用されていない場合、初期値は 1 になります<br><br>もちろん、人々を騙すために初期値を 20000 に設定することもできます<br><br>*/<br><br>$count=0;<br><br>//ファイルカウンターが既に存在する場合は、内容を取得してください <br><br>if ( file_exists($counter_file) ) <br><br>{<br><br>$fp=fopen($counter_file,"r");<br><br>// 上位 20 件だけを取りました。あなたのサイトが大きすぎないことを願っています Popular<br><br>$count=0+fgets($fp,20);<br><br>// 関数 fgets() は文字列を返すため、0 を追加することで自動的に整数に変換できます<br> <br>fclose($fp ; ");<br><br>fputs($fp,$count);<br><br>fclose($fp);<br><br># カウント値を返す<br><br>return ($count);<br><br>}<br><br>?> ;<br><br>次に、このカウンターを表示するように前面の .php3 ファイルを変更します: <br><br><?<br><br>include("include/counter.inc");<br><br>// ファイル counter.txt にカウンター値を入れます。それを読み出して出力します <br><br>printf ( "<CENTER>gt;<B>%06d</B>gt;</CENTER>gt; <BR> <br>n",<br><br>get_hitcount("counter.txt"));<br> <br>include("include/footer.inc ");<br><br>?><br><br>新しいfront.php3<br><br><br><br>3.4 フィードバック フォーム<br><br><br><br> 視聴者が記入して電子メールを送信できるように、別のフィードバック フォームを追加しましょう。 -あなたにメールします。たとえば、非常に単純なメソッドを使用して実装します。1 つはビューアに入力フォームを提供するページ、もう 1 つはフォーム データを取得して処理し、メールで送信するページです。 <br><br><br><br>PHP でフォーム データを取得するのは非常に簡単です。フォームが送信されると、フォームに含まれる各要素に対応する値が割り当てられ、一般変数への参照のように使用できます。 <br><br><FORM name="myform" ACTION="process_form.php3" METHOD="POST"><br><br><INPUT TYPE="TEXT" NAME="mytext" VALUE="何らかの値"><br><br>< ;/FORM><br><br><br><br> process_form.php3 では、変数 $mytext に入力された値が割り当てられます - 非常に簡単です。同様に、リスト ボックス、複数選択ボックス、ラジオ ボックス、ボタンなどのフォーム要素から変数値を取得できます。必要なのは、後で参照できるように、フォーム内の各要素に名前を付けることだけです。 <br><br><br><br>この方法によれば、名前、メールアドレス、メッセージの3つの要素を含む単純なフォームを生成できます。訪問者がフォームを送信すると、フォームを処理する PHP ページ (sendfdbk.php3) がデータを読み取り、名前が空かどうかを確認し、最後にデータを電子メールで送信します。 <br><br><br><br>フォーム: form.php3<br><br><?<br><br>include("include/common.inc");<br><br>$title = "フィードバック";<br><br>include("include/header.inc");<br> <br>?><br><br><P><br><br><FORM ACTION="sendfdbk.php3" METHOD="POST"><br><br><INPUT TYPE="text" NAME="name" value="あなたの名前" <br>SIZE="20" MAXLENGTH="30"><br><br><INPUT TYPE="テキスト" MAXLENGTH="40" WIDTH="20" <br>value="あなたのメールアドレス" NAME="メールアドレス"><br><br>< ;BR><br><br><TEXTAREA ROWS="7" COLS="40" NAME="comment"><br><br>私のホームページに関するフィードバック。<br><br></TEXTAREA><br><br><BR><br><br>< ;INPUT TYPE="submit" VALUE="フィードバックを送信!"><br><br></FORM><br><br></P><br><br><?<br><br>include("include/footer.inc");<br><br> ?><br><br><br><br>プロセスフォーム: sendfdbk.php3<br><br><?<br><br>include("include/common.inc");<br><br>$title = "フィードバック";<br><br>include("include/header.inc ");<br><br>if ( $name == "" ) <br><br>{<br><br>// 今では匿名のメッセージが嫌いです! <br><br>echo "え?どうして匿名なんですか?";<br><br>} <br><br>elseif ($name == "あなたの名前") <br><br>{<br><br>// この視聴者は本当に名前を明かされたくないのです! <br><br>echo「こんにちは?」丁寧にありがとうございます<br><br>echo「<br><br>こんにちは、$name。<br><br><BR><br><br>ご意見ありがとうございます。大変感謝しております。<br><br><BR><br><br>ありがとうございます」 <br><br><BR& gt; <br><br>$MyName <BR><br><br>$MyEmailLink<br><br>";<br><br>// 最後にメールを送信します <br><br>mail($MyEmail, "Feedback.","<br><br>Name : $name <br><br>メール : $email <br><br>コメント : $comment <br><br>");<br><br>}<br><br>include("include/footer.inc");<br><br>?><br><br><br><br>3.5 サイト内での簡単な検索エンジン<br><br><br><br>PHPは外部プログラムを呼び出すことができます。 Unix 環境では、grep プログラムを使用して単純な検索エンジンを実装できます。もう少し複雑にすることもできます。ページを使用して、ユーザーが検索文字列を入力してクエリ結果を出力するためのフォームを出力します。<br><br><?<br><br>include("include/common.inc");<br><br>$title = "検索";<br><br>include("include/header.inc");<br><br>?><br><br><P> ;<br><br><FORM ACTION="<? echo "$PHP_SELF"; ?>" METHOD="POST"><br><br><INPUT TYPE="text" NAME="searchstr" value="<? <br>echo "$searchstr"; >"<br><br>SIZE="20" MAXLENGTH="30"><br><br><INPUT TYPE="submit" VALUE="検索!"><br><br></FORM> <br><br></P><br><br><?<br><br>if (! empty($searchstr)) <br><br>{<br><br>// empty() はクエリ文字列が空かどうかを確認するために使用されます<br><br>//空でない場合、 grep を呼び出してクエリ <br><br>echo "<HR>n";<br><br>// grep を呼び出して、大文字と小文字を区別しないモードですべてのファイルをクエリします <br><br>$cmdstr = "grep -i $searchstr *";<br><br>$fp = Popen( $cmdstr, "r" ); // コマンドを実行し、パイプラインを出力します <br><br>$myresult = array(); // クエリ結果を保存します <br><br>while( $buffer = fgetss ($fp, 4096)) <br> <br>{ <br><br>// grep は次の形式を返します: ファイル名: 一致する文字列の行数 <br><br>// そこで、関数 Split() を使用してデータを分離して処理します <br><br>list($fname, $fline) = split(":",$buffer, 2);<br><br>// 最初の一致の結果のみを出力します<br><br>if ( !define($myresult[$fname]))<br><br>$myresult[$fname] = $fline;<br><br>}<br><br> // 結果を配列に保存し、以下で処理して出力できます <br><br>if ( count($myresult) )<br><br>{<br><br>echo "<OL>n"; <br><br>while(list($fname ,$fline) = each($myresult))<br><br>echo "<LI><br><br><A HREF="$fname">$fname</A> : $fline < ;/LI>n";<br> <br>echo "</OL>n";<br><br>} <br><br>else <br><br>{<br><br>// クエリ結果がない場合 <br><br>echo "Sorry. $searchstr</B><br><br>は結果を返しませんでした。<BR>n";<br><br>}<br><br>pclose($fp);<br><br>}<br><br>?><br><br><?<br><br>include("include/ footer.inc");<br><br>?> ;<br><br><br><br><br><br>注: <br><br><br><br>PHP_SELF は PHP の組み込み変数です。現在のファイル名が含まれます。 <br><br>fgets() は、最大 4096 (指定された) 文字長までファイルを 1 行ずつ読み取ります。 <br><br>fgetss() は、出力 HTML タグを解析することを除いて fgets() に似ています。 <br><br>split() のパラメーターは 2 です。これは、出力を 2 つの部分に分割するだけでよいためです。 「:」も省略する必要があります。 <br><br>each() は配列操作関数であり、配列全体をより簡単に走査するために使用されます。 <br><br>popen()、pclose() は、パイプライン処理が追加されていることを除いて、fopen()、fclose() と非常によく似た関数を持ちます。 <br><br>上記のコードは検索エンジンを実装する良い方法ではないことに注意してください。これは、PHP をより良く学ぶための単なる例です。理想的には、キーワードのデータベースを構築してから検索する必要があります。 <br> </p> <p align="left"></p> <div style="display:none;"> <span id="url" itemprop="url">http://www.bkjia.com/PHPjc/314675.html</span><span id="indexUrl" itemprop="indexUrl">www.bkjia.com</span><span id="isOriginal" itemprop="isOriginal">tru​​e</span><span id="isBasedOnUrl" itemprop="isBasedOnUrl">http://www.bkjia.com/PHPjc/314675.html</span><span id="genre" itemprop="genre">技術記事</span><span id="description" itemprop="description"> 3PHP の実践 PHP の多くの機能は、他のソフトウェアまたはツールに関連しています。これまでに学んだ PHP の知識を使用して、単純なインタラクティブな Web サイトの構築を試みることができます。ぜひご利用ください...</span> </div> <div class="art_confoot"></div> </div> </div> <div class="wzconShengming_sp"> <div class="bzsmdiv_sp">このウェブサイトの声明</div> <div>この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。</div> </div> </div> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="2507867629"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="AI_ToolDetails_main4sR"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3653428331" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <!-- <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>人気の記事</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/1796780570.html" title="R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4週間前</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/1796780641.html" title="R.E.P.O.最高のグラフィック設定" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O.最高のグラフィック設定</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4週間前</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/1796785841.html" title="アサシンのクリードシャドウズ:シーシェルリドルソリューション" class="phpgenera_Details_mainR4_bottom_title">アサシンのクリードシャドウズ:シーシェルリドルソリューション</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>2週間前</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/1796780520.html" title="R.E.P.O.誰も聞こえない場合はオーディオを修正する方法" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O.誰も聞こえない場合はオーディオを修正する方法</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4週間前</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/1796780523.html" title="R.E.P.O.チャットコマンドとそれらの使用方法" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O.チャットコマンドとそれらの使用方法</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4週間前</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/ja/article.html">もっと見る</a> </div> </div> </div> --> <div class="phpgenera_Details_mainR3"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>ホットAIツール</h2> </div> <div class="phpgenera_Details_mainR3_bottom"> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ja/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ja/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title"> <h3>Undresser.AI Undress</h3> </a> <p>リアルなヌード写真を作成する AI 搭載アプリ</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ja/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ja/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title"> <h3>AI Clothes Remover</h3> </a> <p>写真から衣服を削除するオンライン AI ツール。</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ja/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ja/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title"> <h3>Undress AI Tool</h3> </a> <p>脱衣画像を無料で</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ja/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ja/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title"> <h3>Clothoff.io</h3> </a> <p>AI衣類リムーバー</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ja/ai/ai-hentai-generator" title="AI Hentai Generator" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173405034393877.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Hentai Generator" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ja/ai/ai-hentai-generator" title="AI Hentai Generator" class="phpmain_tab2_mids_title"> <h3>AI Hentai Generator</h3> </a> <p>AIヘンタイを無料で生成します。</p> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/ja/ai">もっと見る</a> </div> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>人気の記事</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/1796780570.html" title="R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4週間前</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/1796780641.html" title="R.E.P.O.最高のグラフィック設定" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O.最高のグラフィック設定</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4週間前</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/1796785841.html" title="アサシンのクリードシャドウズ:シーシェルリドルソリューション" class="phpgenera_Details_mainR4_bottom_title">アサシンのクリードシャドウズ:シーシェルリドルソリューション</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>2週間前</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/1796780520.html" title="R.E.P.O.誰も聞こえない場合はオーディオを修正する方法" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O.誰も聞こえない場合はオーディオを修正する方法</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4週間前</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/1796780523.html" title="R.E.P.O.チャットコマンドとそれらの使用方法" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O.チャットコマンドとそれらの使用方法</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4週間前</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/ja/article.html">もっと見る</a> </div> </div> </div> <div class="phpgenera_Details_mainR3"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>ホットツール</h2> </div> <div class="phpgenera_Details_mainR3_bottom"> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ja/toolset/development-tools/92" title="メモ帳++7.3.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="メモ帳++7.3.1" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ja/toolset/development-tools/92" title="メモ帳++7.3.1" class="phpmain_tab2_mids_title"> <h3>メモ帳++7.3.1</h3> </a> <p>使いやすく無料のコードエディター</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ja/toolset/development-tools/93" title="SublimeText3 中国語版" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 中国語版" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ja/toolset/development-tools/93" title="SublimeText3 中国語版" class="phpmain_tab2_mids_title"> <h3>SublimeText3 中国語版</h3> </a> <p>中国語版、とても使いやすい</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ja/toolset/development-tools/121" title="ゼンドスタジオ 13.0.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="ゼンドスタジオ 13.0.1" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ja/toolset/development-tools/121" title="ゼンドスタジオ 13.0.1" class="phpmain_tab2_mids_title"> <h3>ゼンドスタジオ 13.0.1</h3> </a> <p>強力な PHP 統合開発環境</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ja/toolset/development-tools/469" title="ドリームウィーバー CS6" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="ドリームウィーバー CS6" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ja/toolset/development-tools/469" title="ドリームウィーバー CS6" class="phpmain_tab2_mids_title"> <h3>ドリームウィーバー CS6</h3> </a> <p>ビジュアル Web 開発ツール</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ja/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 Mac版" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ja/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_title"> <h3>SublimeText3 Mac版</h3> </a> <p>神レベルのコード編集ソフト(SublimeText3)</p> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/ja/ai">もっと見る</a> </div> </div> </div> <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>ホットトピック</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/gmailyxdlrkzn" title="Gmailメールのログイン入り口はどこですか?" class="phpgenera_Details_mainR4_bottom_title">Gmailメールのログイン入り口はどこですか?</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>7518</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>15</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/cakephp-tutor" title="CakePHP チュートリアル" class="phpgenera_Details_mainR4_bottom_title">CakePHP チュートリアル</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1378</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>52</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/steamdzhmcssmgs" title="Steamのアカウント名の形式は何ですか" class="phpgenera_Details_mainR4_bottom_title">Steamのアカウント名の形式は何ですか</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>81</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>11</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/winactivationkeyper" title="Win11 Activation Key Permanent" class="phpgenera_Details_mainR4_bottom_title">Win11 Activation Key Permanent</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>53</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>19</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/newyorktimesdailybrief" title="NYTの接続はヒントと回答です" class="phpgenera_Details_mainR4_bottom_title">NYTの接続はヒントと回答です</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>21</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>68</span> </div> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/ja/faq/zt">もっと見る</a> </div> </div> </div> </div> </div> <div class="Article_Details_main2"> <div class="phpgenera_Details_mainL4"> <div class="phpmain1_2_top"> <a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img src="/static/imghw/index2_title2.png" alt="" /></a> </div> <div class="phpgenera_Details_mainL4_info"> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ja/faq/1796795664.html" title="PHPとPython:2つの一般的なプログラミング言語を比較します" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174456083037147.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="PHPとPython:2つの一般的なプログラミング言語を比較します" /> </a> <a href="https://www.php.cn/ja/faq/1796795664.html" title="PHPとPython:2つの一般的なプログラミング言語を比較します" class="phphistorical_Version2_mids_title">PHPとPython:2つの一般的なプログラミング言語を比較します</a> <span class="Articlelist_txts_time">Apr 14, 2025 am 12:13 AM</span> <p class="Articlelist_txts_p">PHPとPythonにはそれぞれ独自の利点があり、プロジェクトの要件に従って選択します。 1.PHPは、特にWebサイトの迅速な開発とメンテナンスに適しています。 2。Pythonは、データサイエンス、機械学習、人工知能に適しており、簡潔な構文を備えており、初心者に適しています。</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ja/faq/1796795660.html" title="PHPの永続的な関連性:それはまだ生きていますか?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174456074010125.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="PHPの永続的な関連性:それはまだ生きていますか?" /> </a> <a href="https://www.php.cn/ja/faq/1796795660.html" title="PHPの永続的な関連性:それはまだ生きていますか?" class="phphistorical_Version2_mids_title">PHPの永続的な関連性:それはまだ生きていますか?</a> <span class="Articlelist_txts_time">Apr 14, 2025 am 12:12 AM</span> <p class="Articlelist_txts_p">PHPは依然として動的であり、現代のプログラミングの分野で重要な位置を占めています。 1)PHPのシンプルさと強力なコミュニティサポートにより、Web開発で広く使用されています。 2)その柔軟性と安定性により、Webフォーム、データベース操作、ファイル処理の処理において顕著になります。 3)PHPは、初心者や経験豊富な開発者に適した、常に進化し、最適化しています。</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ja/faq/1796795557.html" title="DebianがHadoopデータ処理速度を改善する方法" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/221/864/174254917643907.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="DebianがHadoopデータ処理速度を改善する方法" /> </a> <a href="https://www.php.cn/ja/faq/1796795557.html" title="DebianがHadoopデータ処理速度を改善する方法" class="phphistorical_Version2_mids_title">DebianがHadoopデータ処理速度を改善する方法</a> <span class="Articlelist_txts_time">Apr 13, 2025 am 11:54 AM</span> <p class="Articlelist_txts_p">この記事では、DebianシステムのHadoopデータ処理効率を改善する方法について説明します。最適化戦略では、ハードウェアのアップグレード、オペレーティングシステムパラメーターの調整、Hadoop構成の変更、および効率的なアルゴリズムとツールの使用をカバーしています。 1.ハードウェアリソースの強化により、すべてのノードが一貫したハードウェア構成、特にCPU、メモリ、ネットワーク機器のパフォーマンスに注意を払うことが保証されます。高性能ハードウェアコンポーネントを選択することは、全体的な処理速度を改善するために不可欠です。 2。オペレーティングシステムチューニングファイル記述子とネットワーク接続:/etc/security/limits.confファイルを変更して、システムによって同時に開くことができるファイル記述子とネットワーク接続の上限を増やします。 JVMパラメーター調整:Hadoop-env.shファイルで調整します</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ja/faq/1796795344.html" title="Nginxログを使用してWebサイトの速度を向上させる方法" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/221/864/174280490751787.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Nginxログを使用してWebサイトの速度を向上させる方法" /> </a> <a href="https://www.php.cn/ja/faq/1796795344.html" title="Nginxログを使用してWebサイトの速度を向上させる方法" class="phphistorical_Version2_mids_title">Nginxログを使用してWebサイトの速度を向上させる方法</a> <span class="Articlelist_txts_time">Apr 13, 2025 am 09:09 AM</span> <p class="Articlelist_txts_p">Webサイトのパフォーマンスの最適化は、アクセスログの詳細な分析と切り離せません。 Nginx Logは、Webサイトにアクセスしているユーザーの詳細情報を記録します。このデータを巧みに使用すると、Webサイトの速度を効果的に向上させることができます。この記事では、Nginxログに基づいたいくつかのWebサイトのパフォーマンス最適化方法を紹介します。 1。ユーザーの動作分析と最適化。 NGINXログを分析することにより、ユーザーの動作を深く理解し、これに基づいてターゲットを絞った最適化を行うことができます。高周波アクセスIP識別:アクセス周波数の高いIPアドレスを見つけ、特定のコンテンツの帯域幅の増加や応答速度の改善など、これらのIPアドレスのサーバーリソース構成を最適化できます。ステータスコード分析:異なるHTTPステータスコード(404エラーなど)の頻度を分析し、ウェブサイトのナビゲーションやコンテンツ管理の問題を見つけて続行します</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ja/faq/1796795458.html" title="Debian OpenSSLがどのように中間の攻撃を防ぐか" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/221/864/174279266782779.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Debian OpenSSLがどのように中間の攻撃を防ぐか" /> </a> <a href="https://www.php.cn/ja/faq/1796795458.html" title="Debian OpenSSLがどのように中間の攻撃を防ぐか" class="phphistorical_Version2_mids_title">Debian OpenSSLがどのように中間の攻撃を防ぐか</a> <span class="Articlelist_txts_time">Apr 13, 2025 am 10:30 AM</span> <p class="Articlelist_txts_p">Debian Systemsでは、OpenSSLは暗号化、復号化、証明書管理のための重要なライブラリです。中間の攻撃(MITM)を防ぐために、以下の測定値をとることができます。HTTPSを使用する:すべてのネットワーク要求がHTTPの代わりにHTTPSプロトコルを使用していることを確認してください。 HTTPSは、TLS(Transport Layer Security Protocol)を使用して通信データを暗号化し、送信中にデータが盗まれたり改ざんされたりしないようにします。サーバー証明書の確認:クライアントのサーバー証明書を手動で確認して、信頼できることを確認します。サーバーは、urlsessionのデリゲート方法を介して手動で検証できます</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ja/faq/1796795543.html" title="Debian Mail Server SSL証明書のインストール方法" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/221/864/174270144435345.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Debian Mail Server SSL証明書のインストール方法" /> </a> <a href="https://www.php.cn/ja/faq/1796795543.html" title="Debian Mail Server SSL証明書のインストール方法" class="phphistorical_Version2_mids_title">Debian Mail Server SSL証明書のインストール方法</a> <span class="Articlelist_txts_time">Apr 13, 2025 am 11:39 AM</span> <p class="Articlelist_txts_p">Debian Mail ServerにSSL証明書をインストールする手順は次のとおりです。1。最初にOpenSSL Toolkitをインストールすると、OpenSSLツールキットがシステムに既にインストールされていることを確認してください。インストールされていない場合は、次のコマンドを使用してインストールできます。sudoapt-getUpdatesudoapt-getInstalopenssl2。秘密キーと証明書のリクエストを生成次に、OpenSSLを使用して2048ビットRSA秘密キーと証明書リクエスト(CSR)を生成します:Openss</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ja/faq/1796795385.html" title="Debian Readdirが他のツールと統合する方法" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/221/864/174280227295820.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Debian Readdirが他のツールと統合する方法" /> </a> <a href="https://www.php.cn/ja/faq/1796795385.html" title="Debian Readdirが他のツールと統合する方法" class="phphistorical_Version2_mids_title">Debian Readdirが他のツールと統合する方法</a> <span class="Articlelist_txts_time">Apr 13, 2025 am 09:42 AM</span> <p class="Articlelist_txts_p">DebianシステムのReadDir関数は、ディレクトリコンテンツの読み取りに使用されるシステムコールであり、Cプログラミングでよく使用されます。この記事では、ReadDirを他のツールと統合して機能を強化する方法について説明します。方法1:C言語プログラムを最初にパイプラインと組み合わせて、cプログラムを作成してreaddir関数を呼び出して結果をinclude#include#include inctargc、char*argv []){dir*dir; structdireant*entry; if(argc!= 2){(argc!= 2){</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ja/faq/1796795680.html" title="アクション中のPHP:実際の例とアプリケーション" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174456117044038.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="アクション中のPHP:実際の例とアプリケーション" /> </a> <a href="https://www.php.cn/ja/faq/1796795680.html" title="アクション中のPHP:実際の例とアプリケーション" class="phphistorical_Version2_mids_title">アクション中のPHP:実際の例とアプリケーション</a> <span class="Articlelist_txts_time">Apr 14, 2025 am 12:19 AM</span> <p class="Articlelist_txts_p">PHPは、電子商取引、コンテンツ管理システム、API開発で広く使用されています。 1)eコマース:ショッピングカート機能と支払い処理に使用。 2)コンテンツ管理システム:動的コンテンツの生成とユーザー管理に使用されます。 3)API開発:RESTFUL API開発とAPIセキュリティに使用されます。パフォーマンスの最適化とベストプラクティスを通じて、PHPアプリケーションの効率と保守性が向上します。</p> </div> </div> <a href="https://www.php.cn/ja/be/" class="phpgenera_Details_mainL4_botton"> <span>See all articles</span> <img src="/static/imghw/down_right.png" alt="" /> </a> </div> </div> </div> </main> <footer> <div class="footer"> <div class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!</p> </div> <div class="footermid"> <a href="https://www.php.cn/ja/about/us.html">私たちについて</a> <a href="https://www.php.cn/ja/about/disclaimer.html">免責事項</a> <a href="https://www.php.cn/ja/update/article_0_1.html">Sitemap</a> </div> <div class="footerbottom"> <p> © php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <script src="/static/js/common_new.js"></script> <script type="text/javascript" src="/static/js/jquery.cookie.js?1744750402"></script> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' /> <script type='text/javascript' src='/static/js/viewer.min.js?1'></script> <script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script> <script type="text/javascript" src="/static/js/global.min.js?5.5.53"></script> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function () { var u = "https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u + 'matomo.php']); _paq.push(['setSiteId', '9']); var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s); })(); </script> <script> // top layui.use(function () { var util = layui.util; util.fixbar({ on: { mouseenter: function (type) { layer.tips(type, this, { tips: 4, fixed: true, }); }, mouseleave: function (type) { layer.closeAll("tips"); }, }, }); }); document.addEventListener("DOMContentLoaded", (event) => { // 定义一个函数来处理滚动链接的点击事件 function setupScrollLink(scrollLinkId, targetElementId) { const scrollLink = document.getElementById(scrollLinkId); const targetElement = document.getElementById(targetElementId); if (scrollLink && targetElement) { scrollLink.addEventListener("click", (e) => { e.preventDefault(); // 阻止默认链接行为 targetElement.scrollIntoView({ behavior: "smooth" }); // 平滑滚动到目标元素 }); } else { console.warn( `Either scroll link with ID '${scrollLinkId}' or target element with ID '${targetElementId}' not found.` ); } } // 使用该函数设置多个滚动链接 setupScrollLink("Article_Details_main1L2s_1", "article_main_title1"); setupScrollLink("Article_Details_main1L2s_2", "article_main_title2"); setupScrollLink("Article_Details_main1L2s_3", "article_main_title3"); setupScrollLink("Article_Details_main1L2s_4", "article_main_title4"); setupScrollLink("Article_Details_main1L2s_5", "article_main_title5"); setupScrollLink("Article_Details_main1L2s_6", "article_main_title6"); // 可以继续添加更多的滚动链接设置 }); window.addEventListener("scroll", function () { var fixedElement = document.getElementById("Article_Details_main1Lmain"); var scrollTop = window.scrollY || document.documentElement.scrollTop; // 兼容不同浏览器 var clientHeight = window.innerHeight || document.documentElement.clientHeight; // 视口高度 var scrollHeight = document.documentElement.scrollHeight; // 页面总高度 // 计算距离底部的距离 var distanceToBottom = scrollHeight - scrollTop - clientHeight; // 当距离底部小于或等于300px时,取消固定定位 if (distanceToBottom <= 980) { fixedElement.classList.remove("Article_Details_main1Lmain"); fixedElement.classList.add("Article_Details_main1Lmain_relative"); } else { // 否则,保持固定定位 fixedElement.classList.remove("Article_Details_main1Lmain_relative"); fixedElement.classList.add("Article_Details_main1Lmain"); } }); </script> </body> </html>