Download Source Code Aplikasi

Contentwindow

Sunday, November 10th, 2019 - HTML DOM, HTMLFrameElement

Properti HTMLFrameElement.contentWindow merefensi kepada objek Window dari objek Document yang di muat ke dalam elemen FRAME ini.

Sintaks:

frameObj.contentWindow

Contoh di bawah ini memilih situs yang akan dimuat ke dalam elemen FRAME:

  1. Sebelumnya buat dokumen HTML di bawah ini, kemudian simpan dengan nama B.html:

    <HTML> <HEAD> <TITLE>B.html</TITLE> </HEAD> <BODY> <H1>frameB</H1> </BODY> </HTML>
  2. Lalu buat lagi dokumen HTML di bawah ini, simpan dengan nama C.html:

    <HTML> <HEAD> <TITLE>C.html</TITLE> </HEAD> <BODY> <H1>frameC</H1> </BODY> </HTML>
  3. Lalu buat lagi dokumen HTML di bawah ini, simpan dengan nama A.html:

    <HTML> <HEAD> <TITLE>A.html</TITLE> <SCRIPT TYPE="text/javascript"> function Func1() { xFrame = parent.document.getElementsByTagName("FRAME"); xFrame[1].contentWindow.location.href = "http://www.google.com/"; } function Func2() { yFrame = parent.document.getElementsByTagName("FRAME"); yFrame[2].contentWindow.location.href = "http://www.yahoo.com/"; } </SCRIPT> </HEAD> <BODY> <H1>Ke Google Or Ke Yahoo</H1> <BUTTON ONCLICK="Func1()">Tampilkan Google’s homepage didalam frameB.</BUTTON> <BUTTON ONCLICK="Func2()">Tampilkan Yahoo’s homepage didalam frameC.</BUTTON> </BODY> </HTML>
  4. Lalu buat lagi dokumen Frameset di bawah ini, simpan dengan nama terserah anda:

    <!DOCTYPE HTML PUBLIC "//W3C//DTD HTML 4.0 Frameset//EN" "http://www.w3.org/TR/REChtml40/frameset.dtd"> <HTML> <HEAD> <TITLE>Dokumen Frameset</TITLE> </HEAD> <FRAMESET ROWS="*,*,*"> <FRAME NAME="frameA" SRC="A.html"> <FRAME NAME="frameB" SRC="B.html"> <FRAME NAME="frameC" SRC="C.html"> </FRAMESET> </HTML>
  5. Terakhir jalankan dokumen Frameset, klik tombol yang ada.
Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.
Download Source Code Aplikasi
Contentwindow | Ahmad Code | 4.5