웹 프론트엔드 JS 튜토리얼 링크 태그 onload/onreadystatechange events_javascript 기술에 대한 각 브라우저의 지원 차이점 분석

링크 태그 onload/onreadystatechange events_javascript 기술에 대한 각 브라우저의 지원 차이점 분석

May 16, 2016 pm 06:07 PM
차이점

1. onload 이벤트

코드 복사 코드는 다음과 같습니다.




링크 요소 <BR>< 링크 유형= "text/css" rel="stylesheet" href="http://i3.sinaimg.cn/rny/webface/login/css/login101021_min.css" onload="alert(this)"/> 🎜></HEAD> <br></BODY> <br><br><br> <br>IE6/7 :</div> <br><p></p> <p>IE8/9 :<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></p> <p>즉, IE6/7/8/9/Opera는 모두 onload 이벤트를 지원하지만 Firefox/Safari/Chrome은 지원하지 않습니다. <img src="/static/imghw/default1.png" data-src="http://files.jb51.net/upload/201104/20110427000813183.png" class="lazy" alt="링크 태그 onload/onreadystatechange events_javascript 기술에 대한 각 브라우저의 지원 차이점 분석" > </p>참고: JS를 사용하여 링크 태그를 생성하고 헤드에 추가합니다. <p>2, onreadystatechange 이벤트 </p> <p><br><br></p> <div class="codetitle">코드 복사<span><a style="CURSOR: pointer" data="62712" class="copybut" id="copybut62712" onclick="doCopy('code62712')"><u> 코드는 다음과 같습니다. </u></a> </span>< !DOCTYPE HTML> </div><HEAD> <div class="codebody" id="code62712"><meta charset="utf-8" /> <BR><title>링크 요소 <BR>< link type="text/css" rel="stylesheet" href="http://i3.sinaimg.cn/rny/webface/login/css/login101021_min.css" onreadystatechange="경고(이)"/ > <br></HEAD> <br></BODY> <br><br> <br>IE6/7의 두 가지 팝업 /8/9 이번에는 다른 브라우저에서는 재생이 되지 않았습니다. IE에서만 link 요소의 onreadystatechange 이벤트를 지원합니다. 두 번 팝업됩니다. ReadyState가 로드 중이고 상태가 완료되었습니다. ReadyState를 사용하여 로딩 상태를 확인할 수 있습니다. JS를 사용하여 링크 요소를 동적으로 생성해 보겠습니다. <br><br><br><br> </div>코드 복사<br><br><div class="codetitle"> 코드는 다음과 같습니다.<span><a style="CURSOR: pointer" data="40686" class="copybut" id="copybut40686" onclick="doCopy('code40686')"> <u>< ;!DOCTYPE HTML> </u><HEAD> </a><meta charset="utf-8" /> </span><title>링크 요소 onreadystatechange title></div></HEAD> <div class="codebody" id="code40686"><script> <br>function createEl(type, attrs){ <br>var el = document.createElement(type) >attr; <br>for(attrs in attrs){ <br>if(attrs.hasOwnProperty(attr)){ <br>el.setAttribute(attr, attrs[attr]) <br>} <br>} <br>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>document.getElementsByTagName('head')[0].appendChild(link); <br></BODY> <br><br> <br>IE6/ 9/7/8에도 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</div> <br><br>http://www.w3.org/TR/2000/WD-DOM-Level-1-20000929/level-one-html.html#ID -35143001<p></p> </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/ko/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>2 몇 주 전</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ko/faq/1796775427.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/ko/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>2 몇 주 전</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ko/faq/1796785841.html" title="어 ass 신 크리드 그림자 : 조개 수수께끼 솔루션" class="phpgenera_Details_mainR4_bottom_title">어 ass 신 크리드 그림자 : 조개 수수께끼 솔루션</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/ko/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> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/ko/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/ko/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/ko/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/ko/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/ko/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/ko/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/ko/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/ko/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/ko/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/ko/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/ko/ai/ai-hentai-generator" title="AI Hentai Generator" class="phpmain_tab2_mids_title"> <h3>AI Hentai Generator</h3> </a> <p>AI Hentai를 무료로 생성하십시오.</p> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/ko/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/ko/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>2 몇 주 전</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ko/faq/1796775427.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/ko/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>2 몇 주 전</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/ko/faq/1796785841.html" title="어 ass 신 크리드 그림자 : 조개 수수께끼 솔루션" class="phpgenera_Details_mainR4_bottom_title">어 ass 신 크리드 그림자 : 조개 수수께끼 솔루션</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/ko/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> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/ko/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/ko/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/ko/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/ko/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/ko/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/ko/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/ko/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/ko/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/ko/toolset/development-tools/469" title="드림위버 CS6" class="phpmain_tab2_mids_title"> <h3>드림위버 CS6</h3> </a> <p>시각적 웹 개발 도구</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ko/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/ko/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/ko/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/ko/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>7412</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/ko/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/ko/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/ko/faq/winactivationkeyper" title="Win11 활성화 키 영구" class="phpgenera_Details_mainR4_bottom_title">Win11 활성화 키 영구</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>20</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/ko/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/ko/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/ko/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 개발에서 일반적으로 사용되는 프레임워크이지만 둘 사이에는 몇 가지 분명한 차이점이 있습니다. 이 기사에서는 이 두 프레임워크의 기능과 용도를 살펴보고 차이점을 비교할 것입니다. 먼저 SpringBoot에 대해 알아봅시다. SpringBoot는 Spring 프레임워크를 기반으로 하는 애플리케이션의 생성 및 배포를 단순화하기 위해 Pivotal 팀에서 개발되었습니다. 독립 실행형 실행 파일을 구축하는 빠르고 가벼운 방법을 제공합니다.</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ko/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/ko/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">모바일 인터넷 시대에 휴대폰의 성능은 언제나 사용자들의 관심사 중 하나였습니다. 휴대폰 칩 시장의 선두주자인 미디어텍(MediaTek)과 퀄컴(Qualcomm)도 칩으로 소비자들의 주목을 받고 있다. 최근 MediaTek은 Dimensity 8200 칩을 출시했으며 Qualcomm은 대표적인 Snapdragon 시리즈 칩을 보유하고 있습니다. 그렇다면 이 두 칩의 차이점은 무엇입니까? 이 기사에서는 Dimensity 8200과 Snapdragon을 심층적으로 비교 분석합니다. 우선 공정 기술 측면에서 보면 Dimensity 8200은 최신 6nm 공정 기술을 사용하고 있는 반면, Qualcomm Snapdragon의 일부 제품은</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ko/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/ko/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는 항상 엔터프라이즈급 데이터베이스 관리 시스템의 선두주자 중 하나였으며, 지속적으로 업데이트되고 반복되는 버전도 널리 주목을 받았습니다. 그 중 Oracle11g와 Oracle12c 버전은 비교적 대표적인 버전으로 차이점이 많습니다. 이 기사에서는 Oracle11g와 Oracle12c 간의 몇 가지 중요한 차이점을 설명하고 독자가 두 버전 간의 차이점을 더 깊이 이해할 수 있도록 특정 코드 예제를 첨부합니다. 1. 아키텍처 차이점 Oracle1</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ko/faq/704327.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/000/887/227/171004708552063.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="힘내 또는 버전 관리? PHP 프로젝트 관리의 주요 차이점" /> </a> <a href="https://www.php.cn/ko/faq/704327.html" title="힘내 또는 버전 관리? PHP 프로젝트 관리의 주요 차이점" class="phphistorical_Version2_mids_title">힘내 또는 버전 관리? 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/ko/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/ko/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는 가장 인기 있는 브랜드 중 하나이며 소비자의 선호를 받고 있습니다. 둘은 시장에서 확실한 발언권을 갖고 있지만 품질의 차이는 무엇입니까? 이 기사에서는 소비자가 자신에게 적합한 휴대폰 브랜드를 더 잘 선택할 수 있도록 휴대폰 품질, 성능, 사용자 경험 등 측면에서 OnePlus와 Honor를 비교 평가할 것입니다. 1. 외관 디자인 OnePlus 휴대폰은 항상 단순함과 웅장함이 특징입니다.</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ko/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/ko/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는 유사점이 많은 현대적이고 널리 사용되는 프로그래밍 언어이지만 차이점도 많습니다. 이러한 차이점은 주로 구문 및 프로그래밍 모델에 반영됩니다. Syntax 1. 변수 선언 Go 언어에서는 변수 선언에 var 키워드를 사용해야 하지만 Java에서는 필요하지 않습니다. 예: varraintinta; 2. 유형 추론 Go 언어는 유형 추론을 지원합니다. 즉, 컴파일러는 변수 유형을 자동으로 추론할 수 있습니다. 예: a:=10</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ko/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/ko/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의 차이점 및 비교 인터넷의 급속한 발전과 함께 네트워크 애플리케이션에 대한 수요가 점점 더 많아지고 있으며, 웹 서버 또한 점점 더 많은 주목을 받고 있습니다. 널리 사용되는 두 가지 웹 서버인 Tomcat과 Nginx는 서로 다른 시나리오에서 각각의 장점과 특성을 보여줍니다. 이 기사에서는 Tomcat과 Nginx를 다양한 관점에서 비교하고 차이점을 살펴보겠습니다. 1. 배경 Tomcat과 Nginx를 심층적으로 비교하기 전에 먼저 두 가지에 대해 이해해 봅시다.</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/ko/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/ko/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의 스택 차이점을 살펴보고 구체적인 코드 예제를 통해 스택 간의 차이점과 연결을 보여줍니다. 컴퓨터 과학에서 스택은 메모리를 할당하는 두 가지 일반적인 방법이며 메모리 관리와 데이터 저장이 다릅니다.</p> </div> </div> <a href="https://www.php.cn/ko/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/ko/about/us.html">회사 소개</a> <a href="https://www.php.cn/ko/about/disclaimer.html">부인 성명</a> <a href="https://www.php.cn/ko/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?1744022044"></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>