آموزش متد open در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش متد open در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
متد open در DOM جاوااسکریپت
با استفاده از متد ()open میتونیم یک جریان خروجی ( یا به اصطلاح Output Stream ) رو در یک صفحه ی وب ایجاد نماییم.
یعنی خودمونی تر بخوایم بگیم، در یه کلام مثه اینه که یک سند ( یا Document ) جدید در صفحه ایجاد کنیم و یسری داده هارو از طریق متدهای document.write یا document.writeln توش بریزیم و نمایش بدیم. و در نهایت به این میگن جریان خروجی یا Output Stream.
با استفاده از متد ()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:#9C27B0; color:#fff; text-align:center;}"+ "</style>"+ "</head>"+ "<body>"+ "<h2 class='my-site'>سایت آموزشی فری لرن</h2>"+ "</body>"+ "</html>" ); document.close(); } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این متد در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام متد | Chrome | Firefox | Opera | Safari | IE |
| ()open | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این متد در جاوااسکریپت بصورت زیر می باشد.
|
1 |
document.open( MIMEtype , replace ) |
Free-Learn
جدول پارامترها
در جدول زیر میتوانید، پارامترهایی را که میتوان در این متد استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| MIMEtype | اختیاری – نوع داده ای که قراره در سند جدید نوشته شود را مشخص میکند. ( بصورت پیش فرض text/html ) مشاهده مجموعه ای از کد های MIMEtype |
| replace | اختیاری – اگه مشخص شود، سند جدیدی که باز میشود جایگزین سند فعلی در تاریخچه مرورگر میشود. |
Free-Learn
نکات و توضیحات
- استفاده از ۲ پارامتر این متد اختیاری است و میتوانید کلا استفاده نکنید. مثال برای استفاده از پارامترهای این متد :
|
1 2 3 |
document.open("text/html", "replace"); document.write("<p>Salam Khobi?</p>"); document.close(); |
- هرموقع سند جدیدی را با استفاده از متد document.open باز میکنید، سعی کنید و حتما با استفاده از document.close اون رو ببندید.
- در مثال شماره ۱ از علامت + ( جمع یا پیوند ) استفاده شده، برای اینکه بتونیم کدهامون رو به سطرهای جدید بشکنیم باید از + استفاده نماییم. ( اطلاعات بیشتر در اینباره )
