قرار دادن مقداری کد HTML درون یک iframe موجود در صفحه (با حذف محتوای قبلی iframe)، با روش های document.open و document.write و document.close ، در JavaScript

فرض کنید که در صفحه HTML ، یک عنصر iframe داریم و می خواهیم که با استفاده از کدهای JavaScript ، مقداری کد HTML دلخواه را در آن عنصر iframe قرار دهیم، به گونه ای که محتوای قبلی iframe حذف شود و به جای آن، نتیجه اجرای کدهای HTML جدید قرار داده شده در عنصر iframe ، به کاربر نمایش داده شود.

برای این منظور، با فرض اینکه iframe دارای id برابر kelidestan_iframe می باشد، کدهای JavaScript زیر را می نویسیم :

که در آن، کد HTML ای که در عنصر iframe قرار داده می شود، به صورت زیر می باشد :

به مثال زیر توجه کنید :