2009年2月8日

改變 IFRAME 的網頁

此練習改變 IFRAME 元素內的網頁。這樣可以保持主視窗不變,而 IFRAME 的內容可以視需要 放置不同的網頁。此練習使用到以下元素與方法。

  1. IFRAME:設定矩框的網頁與大小等等。
  2. getElementById():取得矩框的元素物件。
  3. frames[]:取得矩框的視窗物件。

getElementById() 與 frames[] 都可以取得矩框的物件,但是一個是元素物件,一個是視窗物件。元素物件必須加上 contentWindow 特徵,才能取得矩框的視窗物件。

  • 上例中列出的幾個方法都測試過,可以用。
  • 測試時發現,改變 IFRAME 的網頁,會在瀏覽器的歷史紀錄增加新的一頁。在 Safari, Chrome 使用 o.src=url 改變網頁,則不會產生歷史新頁。

©2008-2009 by ant2legs, All Rights Reserved. ant2legs 擁有其製作的文章,圖片與程式的著作權,所有權利保留。