jQuery에서 iframe 작업(새 창을 만들려면 버튼을 클릭하세요)_jquery

오늘 문제가 발생했습니다. 버튼을 클릭하여 현재 페이지에 새 작은 창을 추가하여 사진 정보를 표시하는 방법은 무엇입니까?

아래와 같습니다.

클릭하기 전:

클릭 후:

분석: 새로 추가된 작은 창이 상위 페이지에 영향을 미치는 것을 방지하기 위해 여기서는 iframe 프레임워크 기술을 사용합니다.

[d5ba1642137c3f32f4f4493ae923989c도 프레임 형식이어야 합니다. 04a0d55efbbfd646a993fbc01f262c57과의 차이점은 iframe이 웹페이지의 어느 부분에나 삽입될 수 있다는 것입니다. ]

구현 아이디어는 다음과 같습니다. (1) 버튼에 클릭 이벤트를 추가하고, 클릭 후 iframe 창을 추가하고, 생성된 이미지의 주소를 추가합니다.

구체 구현 코드:

(1) 버튼에 클릭 이벤트를 추가합니다.

<input type="radio" name="dynamicType" id="dianji" style="padding: 0 10px 0 5px;margin-left:10px;margin-top: 13px;"/>
<p class="loadPhoto"></p>
$("#dianji").click(function(){
　　$("p.loadPhoto").empty(); // 清空原来的p标签的中内容
　　$("p.loadPhoto").html("<iframe width=520 height=400 name=\"touzizuhe\" id=\"touzizuhe\" frameborder=0 src="生成图片的地址"></iframe>");// 添加iframe的jquery的语句
});

참고: 여기에서 iframe이 개발되면 이미지가 생성된 주소에 자동으로 액세스되므로 이미지 생성 요구가 충족됩니다.

jQuery에서의 iframe 작업에 대한 모든 것입니다(새 창을 만들려면 버튼을 클릭하세요). 도움이 되셨으면 좋겠습니다!