[javascript] iframe에 대한 jQuery Force set src 속성

Program / 글쓴이

나는 내부에 iframe이있는 메인 페이지 (실제로 JSP)가 있습니다.

<iframe name="abc_frame" id="abc_frame" src="about:blank" frameborder="0" scrolling="no"></iframe>

이제 기본 페이지 (JSP를 통해 동적으로 렌더링 됨)에 여러 링크가있어 src를 일부 URL로 설정할 수 있습니다.

이제 내 질문은 jQuery (live () 일 수 있음)를 사용하여 abc_frame의 “src”속성이 항상 특정 값 (예 : “somefixedURL”)을 갖도록 재정의 할 수 있는가입니다.

일부 Java 코드를 통해 완전히 동적으로 생성되어 iframe src를 재정의하려고하므로 링크 클릭을 캡처 할 수 없습니다.

답변

속성 사용

$('#abc_frame').attr('src', url)

이렇게하면 모든 HTML 태그 속성을 가져오고 설정할 수 있습니다. 또한 .prop(). 차이점에 대해서는 .prop () 대 .attr ()을 참조하십시오 . 짧은 버전 : .attr()HTML 소스 코드로 작성된 속성에 사용 .prop()되며 DOM 요소에 첨부 된 모든 JavaScript에 사용됩니다.

답변

jQuery 1.6 이상을 사용 하는 경우 대신 .prop () 를 사용하고 싶습니다..attr():

$('#abc_frame').prop('src', url)

차이점에 대한 설명은 이 질문 을 참조하십시오 .

답변

링크를 생성하는 동안 대상을 iframes 이름 속성으로 설정하면 jquery를 전혀 다룰 필요가 없을 것입니다.

<a href="inventory.aspx" target="contentframe"  title="Title Inventory">
<iframe id="iframe1" name="contentframe"  ></iframe>

답변

$(document).ready(function() {
    $('#abc_frame').attr('src',url);
})

답변

src 속성 설정이 작동하지 않았습니다. iframe에 URL이 표시되지 않았습니다.

나를 위해 일한 것은 다음과 같습니다.

window.open(url, "nameof_iframe");

누군가에게 도움이되기를 바랍니다.

답변

<script type="text/javascript">
  document.write(
    "<iframe id='myframe' src='http://www.example.com/" +
    window.location.search + "' height='100' width='100%' >"
  )
</script>

이 코드는 iframe이 포함 된 페이지에서 URL 매개 변수 (? a = 1 & b = 2)를 가져 와서 iframe의 기본 URL에 연결합니다. 내 목적을 위해 작동합니다.

답변

FIX iframe의 src를 설정하거나 위치를 변경하기 위해 javascript / form 제출을 방지 할 수 없습니다. 그러나 당신이하는 스크립트를 넣을 수 있습니다 온로드 각 동적 링크의 페이지 변경 조치.