how to use Iframe / change src in iframe?

by 한국인맛집 2019. 1. 3. 13:55

<iframe> Tag usage

Iframe tag

<iframe id="my-iframe" src="https://www.your.iframe.domain.src"></iframe>

Javascript change iframe src

$(document).ready(function(){

  document.getElementById('my-iframe').src="https://wantbe.tistory.com";

});

button click change iframe src


<html>
   <head> </head>

   <body>
          <button id="my-btn" onClick="changeIframe()" >Click Me</button>
          <iframe src="" id="my-iframe"></iframe>
   </body>
</html>

<script>
  function changeIframe(){
    alert('Changed ! Iframe");
   document.getElementById('my-iframe').src="https://wantbe.tistory.com";
}


</script>

저작자표시 비영리 변경금지

'개발생활 > JavaScript' 카테고리의 다른 글

jsdoc 사용법 How to use jsdoc [Windows] (0)	2021.07.20
how to get Button id in JavaScript ? (309)	2019.01.03
how to style property change in js ? (0)	2019.01.03
how to button property disable change in javascript or jqury (0)	2018.12.27
javascript current time (0)	2018.12.27
youtube auto play Code (0)	2018.10.26