آموزش متد open در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش متد open در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
متد open در DOM جاوااسکریپت
با استفاده از متد ()open
میتونیم یک جریان خروجی ( یا به اصطلاح Output Stream ) رو در یک صفحه ی وب ایجاد نماییم.
یعنی خودمونی تر بخوایم بگیم، در یه کلام مثه اینه که یک سند ( یا Document ) جدید در صفحه ایجاد کنیم و یسری داده هارو از طریق متدهای document.write یا document.writeln توش بریزیم و نمایش بدیم. و در نهایت به این میگن جریان خروجی یا Output Stream.
مقدار برگشتی | هیچ مقدار برگشتی ندارد |
---|
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 اون رو ببندید.
- در مثال شماره ۱ از علامت + ( جمع یا پیوند ) استفاده شده، برای اینکه بتونیم کدهامون رو به سطرهای جدید بشکنیم باید از + استفاده نماییم. ( اطلاعات بیشتر در اینباره )