🚀 버튼 눌러서 iframe 띄우기 코드

버튼 눌러서 iframe 띄우기 코드

html의 data-* 속성을 이용해서 미리 링크를 저장해놓고,

자바스크립트에서 src속성값을 data-src속성값으로 교체해주면 iframe에서 홈페이지 링크가 로드 된다.

<button id="postYourAdd" onclick="postYourAdd()">Button</button>
<iframe id="forPostyouradd" 
  data-src="http://www.w3schools.com" 
  src="about:blank" 
  width="200" 
  height="200" 
  style="background:#ffffff">
</iframe>

function postYourAdd () {
    var iframe = $("#forPostyouradd");
    iframe.attr("src", iframe.data("src")); 
}

$("button").on("click", postYourAdd);