[Javascript] iframe 의 src 바꾸기

HTML 의 iframe 내부의 Page를 iframe을 담고있는 페이지에서 바꾸는 방법이 필요했다.

 

이런저런 방법을 찾아보다가 iframe 의 src를 바꾸는 방법으로 가능함을 알았다.

 

다음은 iframe의 src를 바꾸는 방법이다.

 

javascript 에서 다음과 같이 선언한다.

 

function changeIframeUrl(url)

{

    document.getElementById("main_frame").src = url;

}

 

그리고 나의 경우에는 button을 선택시 iframe 내부의 페이지가 이동되기를 원하기 때문에

 

다음과 같이 HTML 에서 javascript 함수를 호출한다.

 

<input type="button" value='New Page'  onclick = "changeIframeUrl('New.php')"></input>

 

이런방식으로 iframe 내부의 src를 바꿀수 있다.

 

참고코드

- 내가 사용한 HTML 내의 Iframe 코드

 

<iframe src = "./login.php" width="100%" height="500" frameborder="0" border="0" scrolling="yes" bgcolor=#EEEEEE bordercolor="#FF000000" marginwidth="0" marginheight="0" name="main_frame" id="main_frame"></iframe> 

 

src를 바꾼다는 생각을 못해 키워드를 찾지 못해 찾는데 꽤 시간이 걸렸다..

 

검색을 iframe 내부 페이지 바꾸기 이런식으로 검색했더니 안나오더라..

 

여기 올린 글 내용도 검색엔진에서 찾아주나 모르겠다..