این آموزش در تاریخ ۱۴۰۱/۰۴/۲۲ آپدیت شده است.
آموزش متد open در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش متد open در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
متد open در DOM جاوااسکریپت
با استفاده از متد ()open میتونیم یک جریان خروجی ( یا به اصطلاح Output Stream ) رو در یک صفحه ی وب ایجاد نماییم.
این متد یک سند یا Document جدید رو در حافظه خوده مرورگر ایجاد میکنه و به همین دلیل هرچیزی که درون صفحه وجود داشته باشه رو بطور کامل حذف میکنه.
یه متد داریم به اسم ()window.open که میتونیم باهاش یه پنجره جدید مرورگر باز کنیم ولی متد ()document.open فقط داخل خوده صفحه جاری و اونم در حافظه خوده مرورگر صفحه رو ایجاد میکنه.
با استفاده از متد ()document.close نیز میتوان سند باز شده رو بست و یا پایان داد.
اگه محتوایی از قبل در صفحه وجود داشته باشه، این متد با اجرا شدن تمام محتوای موجود در صفحه رو پاک خواهد کرد.
| مقدار برگشتی | هیچ مقدار برگشتی ندارد |
|---|
Free-Learn
مثال از این متد
در ادامه میتوانید یک مثال از این متد را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : در مثال زیر با استفاده از متد document.open یک سند جدید باز کردیم و با استفاده از متد document.write اومدیم مقدار جدید داخلش ریختیم و در نهایت با استفاده از متد document.close سند باز شده رو بستیم.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<script> function new_doc(){ document.open(); document.write( "<html>"+ "<head>"+ "<style>"+ ".my-site{background-color:#8AC007; color:#fff; text-align:center;}"+ "</style>"+ "</head>"+ "<body>"+ "<h2 class='my-site'>سایت آموزشی فری لرن</h2>"+ "</body>"+ "</html>" ); document.close(); } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این متد در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام متد | Chrome | Firefox | Opera | Safari | Edge |
| ()open | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این متد در جاوااسکریپت بصورت زیر می باشد.
|
1 |
document.open(); |
Free-Learn
نکات و توضیحات
- هرموقع سند جدیدی را با استفاده از متد document.open باز میکنید، سعی کنید و حتما با استفاده از document.close اون رو ببندید.
- اگه میخواید مثلا با کلیک بروی یک دکمه یه پنجره جدید مرورگر باز بشه باید از متد ()window.open استفاده کرد.
