ホームページ ウェブフロントエンド jsチュートリアル 各ブラウザのリンクタグonload/onreadystatechange events_javascriptスキルサポートの差異分析

各ブラウザのリンクタグonload/onreadystatechange events_javascriptスキルサポートの差異分析

May 16, 2016 pm 06:07 PM
違い

1. onload イベント

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



onload</title< link type= "text/css" rel="stylesheet" href="http://i3.sinaimg.cn/rny/webface/login/css/login101021_min.css" onload="alert(this)"/> 🎜><br><br><br><br> <br>IE6/7:<br> <br> </div> <br> <p>IE8/9 :</p> <p><img src="/static/imghw/default1.png" data-src="http://files.jb51.net/upload/201104/20110427000813547.png" class="lazy" alt="各ブラウザのリンクタグonload/onreadystatechange events_javascriptスキルサポートの差異分析" ></p> <p>オペラ: </p> <p><img src="/static/imghw/default1.png" data-src="http://files.jb51.net/upload/201104/20110427000813571.png" class="lazy" alt="各ブラウザのリンクタグonload/onreadystatechange events_javascriptスキルサポートの差異分析" ></p> <p>つまり、IE6/7/8/9/Opera はすべて onload イベントをサポートしていますが、Firefox/Safari/Chrome はサポートしていません。 </p> <p>注: JSを使用してリンクタグを作成し、headに追加します。 状況は上記のとおりです。 <img src="/static/imghw/default1.png" data-src="http://files.jb51.net/upload/201104/20110427000813183.png" class="lazy" alt="各ブラウザのリンクタグonload/onreadystatechange events_javascriptスキルサポートの差異分析" >2, onreadystatechange イベント </p> <p></p> <p><br>コードをコピー <br></p> <div class="codetitle"> <span> コードは次のとおりです。 <a style="CURSOR: pointer" data="62712" class="copybut" id="copybut62712" onclick="doCopy('code62712')"><u> </u>< !DOCTYPE HTML> </a><HEAD> </span><title>onreadystatechange >< link type="text/css" rel="stylesheet" href="http://i3.sinaimg.cn/rny/webface/login/css/login101021_min.css" onreadystatechange="alert(this)"/ >



IE6/7 の 2 つのポップアップ/8/9 今回は他のブラウザでは再生できませんでした。 IE のみが link 要素の onreadystatechange イベントをサポートしていることに注意してください。これは 2 回ポップアップ表示されます。readyState は読み込み中と完了状態です。 ReadyState を使用して読み込みステータスを確認できます。 JS を使用してリンク要素を動的に作成してみましょう。




コードをコピーします


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


リンク要素 onreadystatechange</ title> <a style="CURSOR: pointer" data="40686" class="copybut" id="copybut40686" onclick="doCopy('code40686')"></HEAD> <u><BODY> </u>function createEl(type, attrs){ </a>var el = document.createElement(type) >attr; </span>for(attrs の attr){ </div>if(attrs.hasOwnProperty(attr)){ <div class="codebody" id="code40686">el.setAttribute(attr, attrs[attr]); 🎜>return el; <br>} <br>var link = createEl('link', { <br>href : 'http://i3.sinaimg.cn/rny/webface/login/css/login101021_min.css' , <br>rel : 'stylesheet', <br>type : 'text/css' <br>}); <br>link.onreadystatechange = function(){ <br>alert(this) <br>} <br>ドキュメント.getElementsByTagName('head')[0].appendChild(リンク); <br></HTML> >IE6/ 7/8/9 にも 2 回ポップアップが表示されました。 Firefox/Safari/Chrome はまだ動作しません。すべてが正常に見えますが、驚くべきことに、今回は Opera でポップアップ表示され、リンク要素を動的に作成するときに Opera が onreadystatechange イベントをサポートしていることを示します。 <br><br> <br>関連: <br> <br><br>https://developer.mozilla.org/en/HTML/Element/link<br><br><br>http://msdn.microsoft.com/en-us/library/ms535848( v=VS.85).aspx<br><br><br>http://www.w3.org/TR/2000/WD-DOM-Level-1-20000929/level-one-html.html#ID -35143001<br><br> </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>3週間前</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>3週間前</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>1週間前</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>3週間前</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</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>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/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>3週間前</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>3週間前</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>1週間前</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>3週間前</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</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>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>7432</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>1359</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>76</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>29</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>19</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/637521.html" title="SpringBootとSpringMVCの比較と差異分析" 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/465/014/170381897118822.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="SpringBootとSpringMVCの比較と差異分析" /> </a> <a href="https://www.php.cn/ja/faq/637521.html" title="SpringBootとSpringMVCの比較と差異分析" class="phphistorical_Version2_mids_title">SpringBootとSpringMVCの比較と差異分析</a> <span class="Articlelist_txts_time">Dec 29, 2023 am 11:02 AM</span> <p class="Articlelist_txts_p">SpringBoot と SpringMVC はどちらも Java 開発で一般的に使用されるフレームワークですが、それらの間には明らかな違いがいくつかあります。この記事では、これら 2 つのフレームワークの機能と使用法を調べ、その違いを比較します。まず、SpringBoot について学びましょう。 SpringBoot は、Spring フレームワークに基づいたアプリケーションの作成と展開を簡素化するために、Pivo​​tal チームによって開発されました。スタンドアロンの実行可能ファイルを構築するための高速かつ軽量な方法を提供します。</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ja/faq/718233.html" title="徹底した比較: Dimensity 8200 と Snapdragon の違いの分析" 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/465/014/171108288698161.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="徹底した比較: Dimensity 8200 と Snapdragon の違いの分析" /> </a> <a href="https://www.php.cn/ja/faq/718233.html" title="徹底した比較: Dimensity 8200 と Snapdragon の違いの分析" class="phphistorical_Version2_mids_title">徹底した比較: Dimensity 8200 と Snapdragon の違いの分析</a> <span class="Articlelist_txts_time">Mar 22, 2024 pm 12:48 PM</span> <p class="Articlelist_txts_p">モバイル インターネットの時代において、携帯電話のパフォーマンスは常にユーザーの注目の 1 つです。携帯電話用チップ市場のリーダーとして、MediaTek と Qualcomm も自社のチップで消費者の注目を集めています。最近、MediaTek は Dimensity 8200 チップを発売しましたが、Qualcomm は代表的な Snapdragon シリーズチップを持っています。では、これら 2 つのチップの違いは何でしょうか?この記事では、Dimensity 8200とSnapdragonの詳細な比較分析を行います。まずプロセス技術の観点から見ると、Dimensity 8200は最新の6nmプロセス技術を使用していますが、Qualcomm Snapdragonの一部は</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ja/faq/701564.html" title="Oracle11g バージョンと Oracle12c バージョンの違いの解釈" 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/465/014/170979300984145.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Oracle11g バージョンと Oracle12c バージョンの違いの解釈" /> </a> <a href="https://www.php.cn/ja/faq/701564.html" title="Oracle11g バージョンと Oracle12c バージョンの違いの解釈" class="phphistorical_Version2_mids_title">Oracle11g バージョンと Oracle12c バージョンの違いの解釈</a> <span class="Articlelist_txts_time">Mar 07, 2024 pm 02:30 PM</span> <p class="Articlelist_txts_p">Oracle Database は常にエンタープライズレベルのデータベース管理システムのリーダーの 1 つであり、継続的に更新され反復されるバージョンも幅広い注目を集めています。その中でもOracle11gとOracle12cのバージョンは比較的代表的なバージョンであり、多くの違いがあります。この記事では、Oracle11g と Oracle12c のいくつかの重要な違いについて説明し、読者が 2 つのバージョンの違いをより深く理解できるように、具体的なコード例を添付します。 1. アーキテクチャの違い Oracle1</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ja/faq/704327.html" title="Git またはバージョン管理? 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/000/887/227/171004708552063.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Git またはバージョン管理? PHP プロジェクト管理の主な違い" /> </a> <a href="https://www.php.cn/ja/faq/704327.html" title="Git またはバージョン管理? PHP プロジェクト管理の主な違い" class="phphistorical_Version2_mids_title">Git またはバージョン管理? PHP プロジェクト管理の主な違い</a> <span class="Articlelist_txts_time">Mar 10, 2024 pm 01:04 PM</span> <p class="Articlelist_txts_p">バージョン管理: 基本的なバージョン管理は、チームがコード ベースの変更を追跡できるようにするソフトウェア開発手法です。これは、プロジェクト ファイルのすべての履歴バージョンを含む中央リポジトリを提供します。これにより、開発者はバグを簡単にロールバックしたり、バージョン間の差異を確認したり、コード ベースに対する同時変更を調整したりすることができます。 Git: 分散バージョン管理システム Git は分散バージョン管理システム (DVCS) であり、各開発者のコ​​ンピュータにはコード ベース全体の完全なコピーが存在します。これにより、中央サーバーへの依存がなくなり、チームの柔軟性とコラボレーションが向上します。 Git を使用すると、開発者はブランチの作成と管理、コード ベースの履歴の追跡、他の開発者との変更の共有が可能になります。 Git とバージョン管理: 分散型とセット型の主な違い</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ja/faq/719718.html" title="品質評価:OnePlusとHonorの違い" 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/887/227/171116658671161.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="品質評価:OnePlusとHonorの違い" /> </a> <a href="https://www.php.cn/ja/faq/719718.html" title="品質評価:OnePlusとHonorの違い" class="phphistorical_Version2_mids_title">品質評価:OnePlusとHonorの違い</a> <span class="Articlelist_txts_time">Mar 23, 2024 pm 12:03 PM</span> <p class="Articlelist_txts_p">品質評価: OnePlus と Honor の違い 今日の携帯電話市場の熾烈な競争環境において、消費者は携帯電話に対する品質要求をますます高めています。多くの携帯電話ブランドの中で、OnePlus と Honor は最も人気のあるブランドの 1 つであり、消費者に支持されています。この 2 つは市場で一定の発言力を持っていますが、品質の違いは何でしょうか?この記事では、消費者が自分に合った携帯電話ブランドをより適切に選択できるように、携帯電話の品質、パフォーマンス、ユーザーエクスペリエンスなどの観点からOnePlusとHonorを比較評価します。 1. 外観デザイン OnePlus の携帯​​電話は常にシンプルでエレガントです。</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ja/faq/664235.html" title="Go 言語と Java の違いの比較: 構文とプログラミング パターンの分析" 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/164/170674800915209.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Go 言語と Java の違いの比較: 構文とプログラミング パターンの分析" /> </a> <a href="https://www.php.cn/ja/faq/664235.html" title="Go 言語と Java の違いの比較: 構文とプログラミング パターンの分析" class="phphistorical_Version2_mids_title">Go 言語と Java の違いの比較: 構文とプログラミング パターンの分析</a> <span class="Articlelist_txts_time">Feb 01, 2024 am 08:40 AM</span> <p class="Articlelist_txts_p">Go 言語と Java の違い: 構文とプログラミング モデル Go 言語と Java はどちらも現代的で人気のあるプログラミング言語であり、多くの類似点がありますが、多くの違いもあります。これらの違いは主に構文とプログラミング モデルに反映されます。構文 1. 変数宣言 Go 言語では変数宣言に var キーワードを使用する必要がありますが、Java では必要ありません。例: varaintinta; 2. 型推論 Go 言語は型推論をサポートしており、コンパイラーは変数の型を自動的に推論できます。例: a:=10</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ja/faq/707224.html" title="Golang のスタックの違いを深く掘り下げる" 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/465/014/171032130568329.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Golang のスタックの違いを深く掘り下げる" /> </a> <a href="https://www.php.cn/ja/faq/707224.html" title="Golang のスタックの違いを深く掘り下げる" class="phphistorical_Version2_mids_title">Golang のスタックの違いを深く掘り下げる</a> <span class="Articlelist_txts_time">Mar 13, 2024 pm 05:15 PM</span> <p class="Articlelist_txts_p">Golang は、同時プログラミングにおける独自の設計概念を備えた人気のあるプログラミング言語です。 Golang では、スタック (ヒープとスタック) の管理は非常に重要なタスクであり、Golang プログラムの動作メカニズムを理解するために不可欠です。この記事では、Golang のスタックの違いを詳しく掘り下げ、具体的なコード例を通してスタック間の違いと関連性を示します。コンピューター サイエンスでは、スタックはメモリを割り当てる 2 つの一般的な方法ですが、メモリ管理とデータ ストレージが異なります。</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ja/faq/636896.html" title="TomcatとNginxの違いの比較と比較分析" 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/887/227/170372807314354.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="TomcatとNginxの違いの比較と比較分析" /> </a> <a href="https://www.php.cn/ja/faq/636896.html" title="TomcatとNginxの違いの比較と比較分析" class="phphistorical_Version2_mids_title">TomcatとNginxの違いの比較と比較分析</a> <span class="Articlelist_txts_time">Dec 28, 2023 am 09:47 AM</span> <p class="Articlelist_txts_p">Tomcat と Nginx の違いと比較 インターネットの急速な発展に伴い、ネットワーク アプリケーションの需要はますます高まっており、Web サーバーもますます注目を集めています。 Tomcat と Nginx は、広く使用されている 2 つの Web サーバーとして、さまざまなシナリオでそれぞれの利点と特徴を示します。この記事では、Tomcat と Nginx をさまざまな観点から比較し、その違いを探ります。 1. 背景 Tomcat と Nginx を詳しく比較する前に、まず両者の違いを理解しましょう。</p> </div> </div> <a href="https://www.php.cn/ja/web-designer.html" 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?1744124110"></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>