ホームページ バックエンド開発 PHPチュートリアル PHP での XML アプリケーション開発の基本 ノードの追加 ノードの削除 ノードのクエリ セクションのクエリ_PHP チュートリアル

PHP での XML アプリケーション開発の基本 ノードの追加 ノードの削除 ノードのクエリ セクションのクエリ_PHP チュートリアル

Jul 21, 2016 pm 03:36 PM
php xml 1つ 消去 スケーラブル ベース アプリ 開発する お問い合わせ マーク に追加 導入 ノード

1. XML の概要

XML (Extensible Markup Language) は W3C 標準であり、主に Web アプリケーションとサーバー間の簡単な対話、データの保存、使用に使用されます。

XML標準を使用してエンコードされたデータは、人間やコンピューターが容易に解釈できる意味と構造を持っています。 XML データはプラットフォームやアプリケーションに依存しません。言うまでもなく、このこと自体が XML をインターネットにとって理想的なデータ交換形式にしています (実際、XML はまさにこの目的のために開発されました)。最近、ブロードバンド接続の成長と、あらゆる媒体でデータを共有するアプリケーションに対する消費者の需要により、XML Web サービスとアプリケーションがますますリッチになってきています。

XML は、まさにインターネット上の豊富なデータを記述するという組織上の問題を解決するために発明されました。これまでのところ、この問題は HTML を賢く使用することで部分的にしか解決できません。

以下は XML ドキュメントの例です:
プログラム コード

コードをコピーします コードは次のとおりです:

<場所>私の家<時間>午後7時<名前>ジョン・ブログ<アイテム>フォスターの箱 < ;/ゲスト>
<名前>/名前> <アイテム>ボンベイミックス
;ゲスト>


これまで XML を見たことがない場合は、HTML に似ていると考えることができます。 HTML は SGML アプリケーションであり、XML はそのサブセットです。ただし、類似点には、類似したラベル区切り文字があることも含まれます。

上記の XML スニペットを見るだけで、データが多数のゲストを含むパーティーを記述しており、各ゲストが項目に対応していることがわかります。データを説明するために使用されるラベル名はすべて作成者によって選択されます。すべての XML 標準では、データに一貫性があり、データの記述に使用されるタグが適切な形式である必要があります。文書型宣言 (DTD) または XML スキーマを使用して、データの整合性をさらに強化できます。ただし、簡単にするために、この記事ではプレーン XML のみを使用します。


2. XML アプリケーション


ここまで、XML を使用してあらゆる種類のデータを記述する方法を見てきました。実際、XML は現在、多くの Web アプリケーションで広く使用されています。有名なアプリケーションの説明をいくつか示します。

· XHTML - これは最も広く使用されている XML アプリケーションの 1 つです。これは HTML に基づく SGML に似ており、Web ページ上でデータがどのように表示されるかを記述するために使用されます。 XHTML は DTD を使用して、すべてのドキュメントが標準に準拠していることを確認します。 XHTML の登場により、Web プログラマにとって開発は若干容易になりましたが、CSS および XHTML 標準と完全に互換性のある Web ブラウザはまだ登場していません。
· XML-RPC-リモート プロシージャ コール (RPC)。分散アプリケーションでリモート コンピューター上のプロシージャを呼び出すために使用されます。 XML-RPC は、XML を使用してプロシージャ呼び出しに関する情報をエンコードし、HTTP を使用してそれを受信側コンピューターに送信します。プロシージャの戻り値は XML で再度エンコードされ、HTTP 接続を使用して呼び出し元のコンピュータに送り返されます。

・ RSS - Really Simple Syndication/Rich Site Summary は、特別なアプリケーション (アグリゲーター サーバー) を使用して Web サイトのコンテンツ (ニュース、記事、株価、リンクなど) を集約するために使用される方法です。ユーザーの PC 上の RSS フィードバック。この RSS データは XML を使用してエンコードされて送信されます。

・AJAX - 非同期 JavaScript と XML を使用すると、Web 開発者は Web ブラウザーで実行される機能豊富なイベント駆動型 Web アプリケーションを作成できます。このうち JavaScript は、XML エンコードされたデータをサーバー側スクリプトに送信する (またはサーバー側から XML エンコードされたデータを受信する) ために使用され、すべてのページ コンテンツを更新せずに部分的なリアルタイム ページ更新を可能にします。
上記は、XML の可能な応用例のほんの一部です。今後の記事では、これらのアプリケーションを PHP で使用する方法を分析します。

3. PHP での XML の使用


PHP 5.0 以降、PHP が XML と対話するために利用できるオプションが大幅に増加しました。 PHP バージョン 4 が提供できるのは、不安定で w3c と互換性のない DOM XML 拡張機能です。
以下では、XML との対話を可能にする PHP 5 によって提供される 3 つのメソッド (DOM、シンプル XML、XPath) に焦点を当てます。可能な場合は、それぞれのアプローチに最適な条件とデータを提案します。すべてのサンプル コードでは、XML データ ソースを使用して、図書館とそこに含まれる書籍を記述します。

プログラムコード



コードをコピー

コードは次のとおりです:




ウェブ開発
データベース プログラミング
PHP
Java



Apache 2
ピーター・ウェインライト
Wrox
1


高度な PHP プログラミング
<著者>ジョージ・シュロスナグル
開発者ライブラリ
1
3


Visual FoxPro 6 - プログラマー ガイド
<著者>エリック・ストロー
Microsoft Press
2


Java 2 をマスターする
<著者>ジョン・ズコウスキー
Sybex
4





四、DOM

DOM PHP 拡張名は、W3C DOM API を使用した XML 文書上の操作を許可します。PHP 5 が登場する前では、これは PHP が XML 文書を取得できる唯一の方法です。 DOM が使用されているため、これらのオブジェクト モデルは同様であると認識されています。 W3C 互換のオブジェクト モデルの API と互換性があります。

次のサンプルコードでは、DOM を使用してそれぞれの情報を表示します。その後、各本の簡単な説明を示します:

PHP:


复制コード次のように:

/*ここでは XML バージョンを指定する必要があります: 1.0 です */
$xml = new DomDocument('1.0')
$xml->load('xml/library.xml'); ;
/*まずディレクトリリストを作成します*/
$categories = array();
$xml->getElementsByTagName('categories')->item(0); ;getElementsByTagName('category') as $categoryNode) {
/*属性の取得方法に注意してください*/
$cid = $categoryNode->getAttribute('cid')
$categories[$cid] = $categoryNode - >firstChild->nodeValue;

;?
php foreach($xml->getElementsBytagName('book') as $book):
/*タイトルを検索*/
$title = $book->getElementsByTagName('title')->item(0) - >firstChild->nodeValue;
/*著者を見つける - 簡単にするために、著者は 1 人だけであると仮定します*/
$author = $book->getElementsByTagName('author')->item(0)- >firstChild->nodeValue;
/* ディレクトリのリスト */
$bookCategories = $book->getElementsByTagName('category');
foreach($bookCategories as $category) {
$ catList .= $categories[$category->firstChild->nodeValue] ', ';
$catList, 0, -2) ?> h2>

著者:: < /p>

カテゴリ: :


?>

[html]
やはり XML の修正は面倒です。たとえば、ディレクトリを追加するコードは次のとおりです。

PHP:
[code]
function addCategory(DOMDocument $xml, $catID, $catName) {
$catName = $xml->createTextNode($catName) ; //テキストを格納するノードを作成します
$category = $xml->createElement('category') //カタログ要素を作成します
$category->appendChild($catName); element
$category->setAttribute('cid', $catID); // ディレクトリ ID を設定します
$XMLCategories = $xml->getElementsByTagName('categories')->item(0); > appendChild($category); //新しいディレクトリを追加します
}



5. XMLを保存します

save()メソッドとsaveXML()メソッドのいずれかを使用して、DOM記述をXMLに変換できます。文字列の説明。 save() メソッドは XML を指定された名前でファイルに保存しますが、saveXML() はドキュメントの一部または全体から文字列を返します。

$xml->save('xml/library.xml');
//すべてのファイルを保存
$categories=$xml->saveXML($XMLCategories);
//カテゴリを含む文字列を返す

To DOM 互換のコードを別の言語に移植することがいかに簡単かを示します。上記と同じ機能を JavaScript で実装するコードは次のとおりです:
Javascript:

コードをコピーします

コードは次のとおりです:

function doXML(){
/* まずはカテゴリリストを作成します*/
var category = Array();
var theCategories = XMLCategories.getElementsByTagName(' category');
for (var i = 0; i /* 属性の取得方法に注意してください*/
var cid = theCategories[i].getAttribute('cid');カテゴリ[cid] = theCategories[i].firstChild.nodeValue;
var theBooks = xml.getElementsByTagName('book');
for(var i = 0; i < theBooks.length; i++) {
var book = theBooks[i];
/* タイトルを検索します */
var title = book.getElementsByTagName('title')[0].firstChild.nodeValue
/* 簡単にするために、著者は 1 つだけであると仮定します。 author */
var author = book.getElementsByTagName('author')[0].firstChild.nodeValue;
/* カテゴリのリスト*/
var bookCategories = book.getElementsByTagName('category');
var catList = '';
for(var j = 0; j < bookCategories.length; j++) {
catList += カテゴリ[bookCategories[j].firstChild.nodeValue] + ', '
}
catList = catList.substring(0, catList) .length -2);
document.open();
document.write("

" + title + "

");著者:: " + author + "

");
document.write("

カテゴリ: : " + catList + "< /p>");
}
document.close();
}



6. シンプルXML


シンプルXMLは実にシンプルです。これにより、オブジェクトおよび配列のアクセス メソッドを使用して、XML ドキュメントとその要素および属性にアクセスできるようになります。その仕組みは簡単です:
・要素 - これらは SimpleXMLElement オブジェクトの個別のプロパティとして記述されます。複数の要素がドキュメントまたは要素の子として存在する場合、配列インデックス フラグを使用して各要素にアクセスできます。

$xml->books;//要素「books」を返します
$xml->books->book[0];//books要素の最初の本を返します

・属性 - の属性要素は連想配列フラグを通じてアクセスおよび設定されます。各インデックスは属性名に対応します。

$category['cid'];//cid属性の値を返す

・要素データ - 要素内に含まれるテキストデータを取得するには、(string)を文字列として、またはprint または echo を使用して出力します。要素に複数のテキスト ノードが含まれる場合、それらは見つかった順に連結されます。

echo($xml->books->book[0]->title);//最初の本のタイトルを表示

以下は単純なXMLを使ったオリジナルの変換例です。 XML ファイルをロードするには、simplexml_load_file() 関数を使用します。この関数は、XML ファイルを解析して SimpleXMLElement オブジェクトにロードします:

PHP:



コードをコピー
コードは次のとおりです: < ;? php $xml = simplexml_load_file('xml/library.xml');
/* ディレクトリのリストを配列にロードします*/
$categories = array(); ;category as $category) {
$categories[(string) $category['cid']] = (string) $category;

XML ライブラリ

books->book as $book):
/* ディレクトリのリスト*/
$catList = '';
foreach($book->category as $category) {
$catList .= $categories[((string) $category)] . ', ';
}
$catList = substr($catList, 0) , -2);

title) ?

: author) ?>


カテゴリ: :




7. XMLの変更

単純なXMLを使用してテキストデータや属性値を設定することはできますが、これらのオブジェクトを作成することはできません。ただし、SimpleXM は、DomElement オブジェクトと DomElement オブジェクトの間で変換する方法を提供します。これを行うために、addCategory() 関数を変更して、simplexml_import_dom() 関数を使用してカタログを追加し、ドキュメントを単純な XML 形式に変換する方法を示しました。

PHP:
コードをコピーします コードは次のとおりです。

function addCategory(SimpleXMLElement &$sXML, $catID, $catName) {
$xml = new DOMDocument
$xml->loadXML($sXML->asXML()); = $xml->createTextNode ($catName); //テキストを格納するノードを作成します
$category = $xml->createElement('category') //カタログ要素を作成します
$category->appendChild ($catName); //カタログ要素にテキストを追加します
$category->setAttribute('cid', $catID) //カタログIDを設定します
$XMLCategories = $xml->getElementsByTagName('categories'); ->item(0) ;
$XMLCategories->appendChild($category); //新しいディレクトリを追加します
$sXML = simplexml_import_dom($xml); 同様に、asXML SimpleXMLElement オブジェクトの () 関数を使用して、XML 文字列を取得し、ファイルに保存し直すことができます。


8. xPath

Xpath が「XML ケーキの上の桜」であることは疑いの余地がありません。 XPath を使用すると、SQL のようなクエリを使用して、XML ドキュメント内の特定の情報を検索できます。 DOM と SimpleXML にはどちらも XPath のサポートが組み込まれており、SQL と同様に、XML ドキュメントから必要なコンテンツを抽出するために使用できます。

プログラムコード · //category - ドキュメント内に表示されるすべてのカテゴリを検索します。
·/library/books-library の子として表示されるすべての書籍を検索します

·/library/categories/category[@cid]-library/categories の子として表示され、属性 cid を持つすべてのカテゴリを検索します。

· /library/categories/category[@att='2'] - library/categories の子として表示され、値 2 の属性 cid を持つすべてのカテゴリを検索します。

· /library/books/book[title='Apache 2'] - /library/books の子であり、title 要素の値が Apache 2 である book をすべて検索します。

実は、これはxPathの氷山の一角にすぎません。 xPath を使用すると、ドキュメントからほぼすべての情報を抽出するための多数の複雑なクエリを作成できます。 xPath の使用がいかに簡単で楽しいかを示すために、サンプル コードを再度変更しました。

PHP:



コードをコピーします

コードは次のとおりです。
/title> <span style="CURSOR: pointer" onclick="doCopy('code56099')"><body> <u><?php foreach((array)$xml->xpath("/library/books /book") ) as $book): </u>/*ディレクトリの一覧表示*/ </span>$catList = ''; </div>foreach($book->category as $category) { <div class="codebody" id="code56099">/*この ID のディレクトリを取得*/ <br> $category = $ xml->xpath("/library/categories/category[@cid='$category']"); <br> $catList .= (string) ', '; $catList = substr ($catList, 0, -2); <br><div><?php echo($book->title) ?></h2< ;p><b>著者:</b>:<?php echo($book->author) ?></p><br><p><b>カテゴリ:</ b>: <?php echo($catList) ?></div> <br></html> <br>9. XPath<br> <br><br> DOM で XPath クエリを計算するには、DOMXPath オブジェクトを作成する必要があり、以下の Evaluate() 関数は DOMElement 配列を返します。 <br><br><br><br>コードをコピーします<br><br> コードは次のとおりです:<br><br> <br>$xPath = new DOMXPath($xml); <br>$xPath->evaluate("/library/books/book[title='Apache 2' ]"); <br><br><br><strong> 10. 結論</strong> <br><br> これで、PHP が提供するツールを使用して XML を操作する方法を学びました。この時点で、「準備が整い」、XML アプリケーションを詳しく調べる準備が整いました。次の記事では、AJAX と、それが Google などのサイト開発でどのように使用されるかについて説明します。 <p align="left"></p> <div style="display:none;"> <span id="url" itemprop="url">http://www.bkjia.com/PHPjc/322071.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/322071.html</span><span id="genre" itemprop="genre">技術記事</span><span id="description" itemprop="description"> 1. XML の概要 XML (Extensible Markup Language) は W3C 標準であり、主に Web アプリケーションとサーバー間の簡単な対話、データ保存、および使用に使用されます。 XML 標準を使用してコンパイルされました...</span> </div> </div> <div class="art_confoot"></div> </div></span> </div></strong> </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/1796785841.html" title="アサシンのクリードシャドウズ:シーシェルリドルソリューション" class="phpgenera_Details_mainR4_bottom_title">アサシンのクリードシャドウズ:シーシェルリドルソリューション</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4週間前</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/1796789525.html" title="Windows11 KB5054979の新しいものと更新の問題を修正する方法" class="phpgenera_Details_mainR4_bottom_title">Windows11 KB5054979の新しいものと更新の問題を修正する方法</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3週間前</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/1796785857.html" title="Atomfallのクレーンコントロールキーカードを見つける場所" class="phpgenera_Details_mainR4_bottom_title">Atomfallのクレーンコントロールキーカードを見つける場所</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4週間前</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/1796784440.html" title="<🎜>:Dead Rails-すべての課題を完了する方法" class="phpgenera_Details_mainR4_bottom_title"><🎜>:Dead Rails-すべての課題を完了する方法</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>1 か月前</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/1796784000.html" title="Atomfall Guide:アイテムの場所、クエストガイド、およびヒント" class="phpgenera_Details_mainR4_bottom_title">Atomfall Guide:アイテムの場所、クエストガイド、およびヒント</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>1 か月前</span> <span>By DDD</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/video-swap" title="Video Face Swap" 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/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ja/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title"> <h3>Video Face Swap</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/1796785841.html" title="アサシンのクリードシャドウズ:シーシェルリドルソリューション" class="phpgenera_Details_mainR4_bottom_title">アサシンのクリードシャドウズ:シーシェルリドルソリューション</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4週間前</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/1796789525.html" title="Windows11 KB5054979の新しいものと更新の問題を修正する方法" class="phpgenera_Details_mainR4_bottom_title">Windows11 KB5054979の新しいものと更新の問題を修正する方法</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3週間前</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/1796785857.html" title="Atomfallのクレーンコントロールキーカードを見つける場所" class="phpgenera_Details_mainR4_bottom_title">Atomfallのクレーンコントロールキーカードを見つける場所</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>4週間前</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/1796784440.html" title="<🎜>:Dead Rails-すべての課題を完了する方法" class="phpgenera_Details_mainR4_bottom_title"><🎜>:Dead Rails-すべての課題を完了する方法</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>1 か月前</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/1796784000.html" title="Atomfall Guide:アイテムの場所、クエストガイド、およびヒント" class="phpgenera_Details_mainR4_bottom_title">Atomfall Guide:アイテムの場所、クエストガイド、およびヒント</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>1 か月前</span> <span>By DDD</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>7697</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/java-tutorial" title="Java チュートリアル" class="phpgenera_Details_mainR4_bottom_title">Java チュートリアル</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1640</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>14</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>1393</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/laravel-tutori" title="Laravel チュートリアル" class="phpgenera_Details_mainR4_bottom_title">Laravel チュートリアル</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1287</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>25</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ja/faq/php-tutorial" title="PHP チュートリアル" class="phpgenera_Details_mainR4_bottom_title">PHP チュートリアル</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1229</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>29</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/1796733273.html" title="Ubuntu および Debian 用の PHP 8.4 インストールおよびアップグレード ガイド" 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/000/000/080/676a727698393240.png?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Ubuntu および Debian 用の PHP 8.4 インストールおよびアップグレード ガイド" /> </a> <a href="https://www.php.cn/ja/faq/1796733273.html" title="Ubuntu および Debian 用の PHP 8.4 インストールおよびアップグレード ガイド" class="phphistorical_Version2_mids_title">Ubuntu および Debian 用の PHP 8.4 インストールおよびアップグレード ガイド</a> <span class="Articlelist_txts_time">Dec 24, 2024 pm 04:42 PM</span> <p class="Articlelist_txts_p">PHP 8.4 では、いくつかの新機能、セキュリティの改善、パフォーマンスの改善が行われ、かなりの量の機能の非推奨と削除が行われています。 このガイドでは、Ubuntu、Debian、またはその派生版に PHP 8.4 をインストールする方法、または PHP 8.4 にアップグレードする方法について説明します。</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ja/faq/1796728164.html" title="PHP 開発用に Visual Studio Code (VS Code) をセットアップする方法" 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/000/000/080/6764e39e44ffe544.png?x-oss-process=image/resize,m_fill,h_207,w_330" alt="PHP 開発用に Visual Studio Code (VS Code) をセットアップする方法" /> </a> <a href="https://www.php.cn/ja/faq/1796728164.html" title="PHP 開発用に Visual Studio Code (VS Code) をセットアップする方法" class="phphistorical_Version2_mids_title">PHP 開発用に Visual Studio Code (VS Code) をセットアップする方法</a> <span class="Articlelist_txts_time">Dec 20, 2024 am 11:31 AM</span> <p class="Articlelist_txts_p">Visual Studio Code (VS Code とも呼ばれる) は、すべての主要なオペレーティング システムで利用できる無料のソース コード エディター (統合開発環境 (IDE)) です。 多くのプログラミング言語の拡張機能の大規模なコレクションを備えた VS Code は、</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ja/faq/1796790404.html" title="JSON Web Tokens(JWT)とPHP APIでのユースケースを説明してください。" 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/174378264165720.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="JSON Web Tokens(JWT)とPHP APIでのユースケースを説明してください。" /> </a> <a href="https://www.php.cn/ja/faq/1796790404.html" title="JSON Web Tokens(JWT)とPHP APIでのユースケースを説明してください。" class="phphistorical_Version2_mids_title">JSON Web Tokens(JWT)とPHP APIでのユースケースを説明してください。</a> <span class="Articlelist_txts_time">Apr 05, 2025 am 12:04 AM</span> <p class="Articlelist_txts_p">JWTは、JSONに基づくオープン標準であり、主にアイデンティティ認証と情報交換のために、当事者間で情報を安全に送信するために使用されます。 1。JWTは、ヘッダー、ペイロード、署名の3つの部分で構成されています。 2。JWTの実用的な原則には、JWTの生成、JWTの検証、ペイロードの解析という3つのステップが含まれます。 3. PHPでの認証にJWTを使用する場合、JWTを生成および検証でき、ユーザーの役割と許可情報を高度な使用に含めることができます。 4.一般的なエラーには、署名検証障害、トークンの有効期限、およびペイロードが大きくなります。デバッグスキルには、デバッグツールの使用とロギングが含まれます。 5.パフォーマンスの最適化とベストプラクティスには、適切な署名アルゴリズムの使用、有効期間を合理的に設定することが含まれます。</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ja/faq/1796764479.html" title="PHPでHTML/XMLを解析および処理するにはどうすればよいですか?" 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/246/273/173890063284749.png?x-oss-process=image/resize,m_fill,h_207,w_330" alt="PHPでHTML/XMLを解析および処理するにはどうすればよいですか?" /> </a> <a href="https://www.php.cn/ja/faq/1796764479.html" title="PHPでHTML/XMLを解析および処理するにはどうすればよいですか?" class="phphistorical_Version2_mids_title">PHPでHTML/XMLを解析および処理するにはどうすればよいですか?</a> <span class="Articlelist_txts_time">Feb 07, 2025 am 11:57 AM</span> <p class="Articlelist_txts_p">このチュートリアルでは、PHPを使用してXMLドキュメントを効率的に処理する方法を示しています。 XML(拡張可能なマークアップ言語)は、人間の読みやすさとマシン解析の両方に合わせて設計された多用途のテキストベースのマークアップ言語です。一般的にデータストレージに使用されます</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ja/faq/1796764490.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/246/273/173890153318639.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="母音を文字列にカウントするPHPプログラム" /> </a> <a href="https://www.php.cn/ja/faq/1796764490.html" title="母音を文字列にカウントするPHPプログラム" class="phphistorical_Version2_mids_title">母音を文字列にカウントするPHPプログラム</a> <span class="Articlelist_txts_time">Feb 07, 2025 pm 12:12 PM</span> <p class="Articlelist_txts_p">文字列は、文字、数字、シンボルを含む一連の文字です。このチュートリアルでは、さまざまな方法を使用してPHPの特定の文字列内の母音の数を計算する方法を学びます。英語の母音は、a、e、i、o、u、そしてそれらは大文字または小文字である可能性があります。 母音とは何ですか? 母音は、特定の発音を表すアルファベットのある文字です。大文字と小文字など、英語には5つの母音があります。 a、e、i、o、u 例1 入力:string = "tutorialspoint" 出力:6 説明する 文字列「TutorialSpoint」の母音は、u、o、i、a、o、iです。合計で6元があります</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ja/faq/1796788902.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/174360989012815.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="PHPでの後期静的結合を説明します(静的::)。" /> </a> <a href="https://www.php.cn/ja/faq/1796788902.html" title="PHPでの後期静的結合を説明します(静的::)。" class="phphistorical_Version2_mids_title">PHPでの後期静的結合を説明します(静的::)。</a> <span class="Articlelist_txts_time">Apr 03, 2025 am 12:04 AM</span> <p class="Articlelist_txts_p">静的結合(静的::) PHPで後期静的結合(LSB)を実装し、クラスを定義するのではなく、静的コンテキストで呼び出しクラスを参照できるようにします。 1)解析プロセスは実行時に実行されます。2)継承関係のコールクラスを検索します。3)パフォーマンスオーバーヘッドをもたらす可能性があります。</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ja/faq/1796788898.html" title="PHPマジックメソッド(__construct、__destruct、__call、__get、__setなど)とは何ですか?" 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/174360981112104.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="PHPマジックメソッド(__construct、__destruct、__call、__get、__setなど)とは何ですか?" /> </a> <a href="https://www.php.cn/ja/faq/1796788898.html" title="PHPマジックメソッド(__construct、__destruct、__call、__get、__setなど)とは何ですか?" class="phphistorical_Version2_mids_title">PHPマジックメソッド(__construct、__destruct、__call、__get、__setなど)とは何ですか?</a> <span class="Articlelist_txts_time">Apr 03, 2025 am 12:03 AM</span> <p class="Articlelist_txts_p">PHPの魔法の方法は何ですか? PHPの魔法の方法には次のものが含まれます。1。\ _ \ _コンストラクト、オブジェクトの初期化に使用されます。 2。\ _ \ _リソースのクリーンアップに使用される破壊。 3。\ _ \ _呼び出し、存在しないメソッド呼び出しを処理します。 4。\ _ \ _ get、dynamic属性アクセスを実装します。 5。\ _ \ _セット、動的属性設定を実装します。これらの方法は、特定の状況で自動的に呼び出され、コードの柔軟性と効率を向上させます。</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ja/faq/1796791793.html" title="クロスサイトリクエストフォーファリー(CSRF)とは何ですか?また、PHPにCSRF保護をどのように実装しますか?" 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/174395533045037.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="クロスサイトリクエストフォーファリー(CSRF)とは何ですか?また、PHPにCSRF保護をどのように実装しますか?" /> </a> <a href="https://www.php.cn/ja/faq/1796791793.html" title="クロスサイトリクエストフォーファリー(CSRF)とは何ですか?また、PHPにCSRF保護をどのように実装しますか?" class="phphistorical_Version2_mids_title">クロスサイトリクエストフォーファリー(CSRF)とは何ですか?また、PHPにCSRF保護をどのように実装しますか?</a> <span class="Articlelist_txts_time">Apr 07, 2025 am 12:02 AM</span> <p class="Articlelist_txts_p">PHPでは、予測不可能なトークンを使用して、CSRF攻撃を効果的に防ぐことができます。特定の方法には次のものが含まれます。1。フォームのCSRFトークンを生成および埋め込みます。 2.リクエストを処理するときにトークンの有効性を確認します。</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?1745525884"></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> <script> document.addEventListener('DOMContentLoaded', function() { const mainNav = document.querySelector('.Article_Details_main1Lmain'); const header = document.querySelector('header'); if (mainNav) { window.addEventListener('scroll', function() { const scrollPosition = window.scrollY; if (scrollPosition > 84) { mainNav.classList.add('fixed'); } else { mainNav.classList.remove('fixed'); } }); } }); </script> </body> </html>