>  기사  >  웹 프론트엔드  >  jquery를 사용하여 iframe에서 요소를 찾는 방법에 대한 자세한 설명

jquery를 사용하여 iframe에서 요소를 찾는 방법에 대한 자세한 설명

php中世界最好的语言
php中世界最好的语言원래의
2018-04-26 10:42:591353검색

이번에는 jquery를 사용하여 iframe에서 요소를 찾는 방법에 대한 자세한 설명을 가져왔습니다. jquery를 사용하여 iframe에서 요소를 찾을 때의 주의사항은 무엇인가요? 다음은 실제 사례입니다.

질문:

오늘 회사에서 ckeditor에 사진 제목 "표시 여부" 기능을 추가했습니다

어려움:

플러그인에는 콘텐츠가 많고 기능도 꽤 강력합니다. 내부의 논리적 관계와 수정된 내용은 플러그인의 내부 논리적 관계를 파괴할 수 없고, 기능을 추가한다고 해서 더 많은 문제를 일으킬 수 없기 때문에 이 문제는 단시간에 읽고 이해하는 것이 불가능합니다. 로컬에서 해결됨

획득:

페이지를 알고 있을 때 사용 iframe

framework에서 삽입한 html, 페이지의 일부 초기화 기능이 여기에서 완료되므로 여기에 이 ​​확인란 구성 요소를 추가한 다음 window 개체를 찾으세요. 최종 창을 기준으로 처리하려는 경우 - window.parent. document.body

jQuery(expression, [context]) - DOM 요소 집합이나 jQuery 객체 등 context 매개변수가 지정된 경우 이 컨텍스트에서 검색됩니다.

다음 예는 iframe의 상위 창에 구성 요소를 추가하는 것입니다

코드를 복사하세요 코드는 다음과 같습니다.

$('tr.cke_dialog_ui_hbox', parent.document.body).prepend (' 사진 제목 설명은 다이어리로 가져옵니다');

동적으로 추가된 구성 요소에 액세스할 수 없습니다. 페이지가 로드될 때 클로저의 내용이 실행되었지만 ID가 kkkk인 구성 요소가 페이지에 추가되지 않았기 때문에 $("#kkkk")를 사용하여 얻은 값은 비어 있습니다. 이는 예상된 목적을 달성할 수 없으며 예외가 발생합니다. 현상, 스크립트 오류가 브라우저에 보고됩니다.

jquery가 조건을 충족하는 개체를 찾았는지 확인하는 방법은 무엇입니까?

if(0==$(".check_show_img_title", parent.document.body).length){
   alert("没有查找到对象");
}else{
  alert("有"+$(".check_show_img_title", parent.document.body).length+"组件符合查询条件");
}

경험:

페이지에 구성 요소를 동적으로 추가한 후 페이지를 새로 고치면 일반 초기화 상태가 복원되지만 부분 새로 고침인 경우 여러 구성 요소가 추가될 수 있지만 하나만 필요한 경우 구성 요소는 페이지를 떠날 때 동적으로 추가된 구성 요소를 삭제하는 것을 의미합니다. 이는 다른 브라우저에서 삭제되지 않을 수 있으며, 이는 매우 실망스럽고 브라우저 호환성 문제를 일으킬 수 있으므로 방법을 변경할 수 있습니다. 생각하고 특정 상태에서 추가(태그에 속성 추가)하지 않으면 추가하지 않으므로 추가한 구성 요소를 삭제할 필요가 없습니다. 브라우저 호환성 문제를 해결하는 또 다른 방법

이 기사의 사례를 읽은 후 방법을 마스터했다고 믿으십시오. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트에 있는 다른 관련 기사를 주의 깊게 살펴보시기 바랍니다.

추천 도서:

iframe에서 문서 개체를 가져오는 단계에 대한 자세한 설명

iframe에서 페이지 앵커 오류를 처리하는 방법

위 내용은 jquery를 사용하여 iframe에서 요소를 찾는 방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.