복붙노트

[JQUERY] 어떻게 jQuery로 iframe이의 콘텐츠에 액세스하려면?

JQUERY

어떻게 jQuery로 iframe이의 콘텐츠에 액세스하려면?

해결법

  1. 1.당신은 내용 () 메소드를 사용해야합니다 :

    당신은 내용 () 메소드를 사용해야합니다 :

    $("#myiframe").contents().find("#myContent")

    출처 : http://simple.procoding.net/2008/03/21/how-to-access-iframe-in-jquery/

    API의 문서 : https://api.jquery.com/contents/

  2. 2.

    <html>
<head>
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
<script type="text/javascript">

$(function() {

    //here you have the control over the body of the iframe document
    var iBody = $("#iView").contents().find("body");

    //here you have the control over any element (#myContent)
    var myContent = iBody.find("#myContent");

});

</script>
</head>
<body>
  <iframe src="mifile.html" id="iView" style="width:200px;height:70px;border:dotted 1px red" frameborder="0"></iframe>
</body>
</html>

  3. 3.은 iframe의 소스가 외부 도메인 인 경우, 브라우저는 iframe을 내용 (동일 기원 정책)를 숨 깁니다. 해결 방법은 (PHP에서) 예를 들어, 파일에 외부 콘텐츠를 저장하는 것입니다 :

    은 iframe의 소스가 외부 도메인 인 경우, 브라우저는 iframe을 내용 (동일 기원 정책)를 숨 깁니다. 해결 방법은 (PHP에서) 예를 들어, 파일에 외부 콘텐츠를 저장하는 것입니다 :

    <?php
    $contents = file_get_contents($external_url);
    $res = file_put_contents($filename, $contents);
?>

    다음, 새로운 파일 내용 (문자열)을 얻고 (JQuery와에) 예를 들어, HTML로 구문 분석 :

    $.get(file_url, function(string){
    var html = $.parseHTML(string);
    var contents = $(html).contents();
},'html');

    4. from https://stackoverflow.com/questions/1796619/how-to-access-the-content-of-an-iframe-with-jquery by cc-by-sa and MIT license

'JQUERY' 카테고리의 다른 글

[JQUERY] 어떻게 jQuery를 약속을 사용하여 세 가지 비동기 호출을 체인합니까?  (0) 2020.10.09
[JQUERY] jQuery를 AJAX를 점진적으로 스트리밍 읽어?  (0) 2020.10.09
[JQUERY] 나는 자바 스크립트에서 현재 실행중인 함수의 이름을받을 수 있나요?  (0) 2020.10.09
[JQUERY] .keyCode 대 .which  (0) 2020.10.09
[JQUERY] 어떻게 jQuery를 사용하여 클라이언트의 클립 보드에 텍스트를 복사하려면? [복제]  (0) 2020.10.09
,

티스토리툴바