집 > 기사 > 웹 프론트엔드 > Node.js 팝업 메뉴/창 effect_javascript 기술

Node.js 팝업 메뉴/창 effect_javascript 기술

WBOY원래의: 2016-05-16 18:00:111070검색

팝업 메뉴에 대한 더 나은 접근성 지원이 있어야 합니까? 이 기사에서는 3가지 일반적인 팝업 창을 다룰 것입니다:

window.open 새 브라우저 창
생성된 창 <br> 생성된 페이지 DOM 의사 팝업 창: pop- 업팁 등 <br><br><strong>1. 페이지에 JS가 없는 경우 <br></strong> 일반적으로 JS가 없는 경우에는 HTML의 동작에 따라 수행합니다. 링크를 연결 가능하게 하면 해결됩니다. 비교적 간단합니다. <br><br>1. window.새 브라우저 창을 엽니다. JS 트리거를 <a />에 연결해 보세요. 그게 전부입니다. . <br></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="76774" class="copybut" id="copybut76774" onclick="doCopy('code76774')"><u>코드 복사 </u></a></span> 코드는 다음과 같습니다. </div> <div class="codebody" id="code76774"> <br>// 링크의 목적은 다음과 같습니다. window.open<br><a href="/target.html" target="_blank">[창 열기]</a> <br>// 기본적으로 링크를 차단해야 합니다. 그렇지 않으면 차단됩니다. JS<br>window.open('./iframe.html', 'name', 'height=300,width=500') <br>return false; >2. <iframe / > 생성된 창: JS를 사용하여 동적으로 생성된 경우 트리거도 window.open 메소드와 같아야 하며 <a /> 사용자는 링크를 통해 액세스할 수 있습니다. 숨겨져 있으면 <noscript />를 사용하여 숨긴 다음 JS를 사용하여 정상적으로 표시하거나 높이가 0인 빈 iframe을 사용하세요. 이렇게 하면 JS가 있을 때 사용할 수 있고 JS가 없을 때 정상적으로 표시될 수 있습니다. 자세한 적용 방법은 다음을 참조하세요: Alipay의 새로운 홈페이지에 대한 몇 가지 프런트엔드 사례. <br> </div> <br><br><div class="codetitle">코드 복사 <span><a style="CURSOR: pointer" data="68488" class="copybut" id="copybut68488" onclick="doCopy('code68488')"><u> 코드는 다음과 같습니다. </u></a> </span>// 동적으로 생성되었으니 사용해 보세요. 이 방법은 IE8이 JS를 사용하여 동적으로 생성된 포커스 가능 요소에 집중할 수 없기 때문에 </div>// 빈 src에 javascript:''를 사용하세요. 이것이 성능 문제를 해결하는 가장 좋은 방법이기 때문입니다. 자세한 내용은 빈 경로의 영향을 참조하세요. 페이지 성능 솔루션<div class="codebody" id="code68488"> <br><a href="/target.html" target="_blank">[open iframe]</a> <br><iframe src="javascript:'' "frameborder=0 id="theframe">
// js
document.getElementById('theframe').src = '/target.html'

3. 페이지 DOM에 의해 생성된 유사 팝업 창: 숨기려면