나는 매우 간단하다고 생각되는 일을 어떻게하는지 알아 내려고 노력하고있다. 누군가가 링크를 클릭해야 표시 할 수 있도록 특정 콘텐츠를 전환하는 데 자바 스크립트를 사용하고 싶습니다. 그러나 검색 엔진이 숨겨진 콘텐츠로 인식하고 순위를 처벌 할 수 있기 때문에 숨겨진 div를 추가하거나 CSS에서 표시를 없음으로 설정하지 않고 javascript를 사용하는 것을 선호합니다.
누구든지 자바 스크립트로 안전하게 수행하는 방법을 알고 있습니까?
예를 들어 누군가 "내 링크입니다"를 클릭하면 "내 콘텐츠가 여기 있습니다"라는 콘텐츠가 표시됩니까?
콘텐츠를 "숨기기"하는 다른 방법이 있습니다. 너비 또는 높이를 사용 display: none하거나 visibility: hidden또는 심지어 망가 뜨리지 않고 . 다음 CSS를 고려하십시오.
.hidden {
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}
을 사용하여 text-indentdiv 상자에서 텍스트를 밀어 내고 공백으로 텍스트를 감싸고 텍스트 오버플로를 숨기지 않도록합니다.
HTML이 다음과 같은 경우 :
<a href="#" class="trigger">this is my link</a>
<div class="content hidden">here is my content</div>
그런 다음 표시 / 숨기기를 활성화하는 Javascript는 클래스 이름을 추가 / 제거합니다 (이 예제는 jQuery를 사용함).
var $content = $('.content');
$('.trigger').click(function(e) {
if ($content.hasClass('hidden')) {
$content.removeClass('hidden');
} else {
$content.addClass('hidden');
}
});
이 동작을 참조하십시오 http://jsfiddle.net/amyamy86/45s9N/
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다