Download Source Code Aplikasi

Contentdocument

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

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, 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"); 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.
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
Contentdocument | Ahmad Code | 4.5