Friday, November 30, 2012

contentDocument

Properti HTMLFrameElement.contentDocument merefensi kepada objek Document yang dimuat ke dalam elemen FRAME ini.

Sintaks:

frameObj.contentDocument

Contoh di bawah ini mengembalikan judul dokumen yang dimuat ke dalam elemen FRAME:

  1. Sebelumnya buat dokumen HTML di bawah ini, lalu 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"); HtmlDoc = xFrame[1].contentDocument; alert(HtmlDoc.title); } function Func2() { yFrame = parent.document.getElementsByTagName("FRAME"); HtmlDoc = yFrame[2].contentDocument; alert(HtmlDoc.title); } </SCRIPT> </HEAD> <BODY> <H1>Ini dokumen A.HTML</H1> <BUTTON ONCLICK="Func1()">Judul dokumen didalam frameB.</BUTTON> <BUTTON ONCLICK="Func2()">Judul dokumen 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 untuk mengetahui judul dokumen untuk dokumen yang berada di dalam elemen FRAME.