728x90
반응형
코드
<body align="center">
<script>
function loadHome(){
document.getElementById("tistory-home").src = 'https://we-always-fight-with-code.tistory.com/';
}
</script>
<h2>Iframe 활용</h2>
<iframe height="400px" width="100%" id="tistory-home" style="border: 2px dotted orange;"></iframe>
<p>
<button onclick="loadHome()">군고구마말랭이의 티스토리 홈으로 이동</button>
</p>
</body>
실행
Iframe 활용
728x90
반응형
'studies > Front-end' 카테고리의 다른 글
| [Javascript] document.write() 함수 사용시 주의 (0) | 2020.03.30 |
|---|---|
| [HTML] 이미지 원본사이즈를 최대한 유지하여 페이지에 맞추기 / 반응형 웹디자인 (0) | 2020.02.15 |
| [Javascript] 해당 클래스의 요소를 일괄 동작시키기 / 자주쓰이는 문법 정리 (0) | 2020.02.15 |
| [HTML] block과 inline 속성 태그 정리 (0) | 2020.02.14 |
| [HTML] 테이블 테두리 한 줄로 지정 & 두줄 테두리 간격 조정 (0) | 2020.02.14 |
