سبد (0)

متد open

مثال (متد open)

باز کردن "www.w3schools.com" در یک پنجره ی جدید در مرورگر:

window.open("http://www.w3schools.com");

خودتان امتحان کنید »

در انتهای این صفحه، مثال های بیشتری آورده شده است.

تعریف و کاربرد

متد open()، یک پنجره ی جدید را در مرورگر باز می کند.

نکته: می توانید از متد close() برای بستن یک پنجره استفاده کنید.

پشتیبانی مرورگرها

متد     
open() بله بله بله بله بله

نحوه استفاده

window.open(URL,name,specs,replace)

مقادیر پارامترها

پارامترتوضیحات
URL

مشخص کننده ی url صفحه ی باز شده است. در صورتی که url مشخص نشود، یک پنجره ی جدید با پیام about:blank باز خواهد شد.
name

اختیاری. مشخص کننده ی خصوصیت target یا نام پنجره است. مقادیر زیر نیز پشتیبانی می شوند:

  • blank- یو آر ال  در یک پنجره ی جدید بارگذاری می شود.
  • parent- یو آر ال در فریم والد بارگذاری می شود.
  • self: یو آر ال صفحه ی جاری را جایگزین می کند.
  • top: یو آر ال هر frameset که ممکن است بارگذاری شود را جایگزین می کند.
  • name: نام پنجره را مشخص می کند(نکته: name در واقع مشخص کننده ی title پنجره ی ایجاد شده نیست).
specs

اختیاری. یک لیست از آیتم ها که به وسیله ی کاما از یکدیگر جدا شده اند. مقادیر زیر پشتیبانی می شوند:

channelmode=yes|no|1|0

نمایش دادن یا نمایش ندادن پنجره در حالت theater. مقدار پیش فرض no است. تنها مخصوص IE.
directories=yes|no|1|0

منسوخ شده. اضافه کردن یا اضافه نکردن دکمه های directory. مقدار پیش فرض yes است. تنها مخصوص IE.
fullscreen=yes|no|1|0

نمایش دادن یا نمایش ندادن مرورگر در حالت full-screen. مقدار پیش فرض no است. یک پنجره در حالت full-screen باید همچنین در حالت theater باشد. تنها مخصوص IE.
height=pixels

ارتفاع پنجره. مقدار مینیمم برابر با 100 است.
left=pixels

مکان سمت چپ(left) پنجره. مقادیر منفی قابل قبول نیستند. 
location=yes|no|1|0

نمایش دادن یا نمایش ندادن فیلد آدرس. مخصوص Opera.
menubar=yes|no|1|0

نمایش دادن یا نمایش ندادن نوار منو.
resizable=yes|no|1|0

قابل تغییر اندازه بودن یا قابل تغییر اندازه نبودن پنجره. تنها مخصوص IE.
scrollbars=yes|no|1|0

نمایش دادن یا نمایش ندادن اسکرول بارها. تنها مخصوص IE و Firefox و Opera.
status=yes|no|1|0

اضافه کردن یا اضافه نکردن نوار وضعیت.
titlebar=yes|no|1|0

نمایش دادن یا نمایش ندادن نوار عنوان. نادیده گرفته شده، جز اینکه نرم افزار فراخوانی شده یک نرم افزار HTML باشد یا یک جعبه مکالمه ی مورد اعتماد. 
toolbar=yes|no|1|0

نمایش دادن  یا نمایش ندادن نوار ابزار مرورگر. مخصوص IE و firefox.
top=pixels

مکان بالایی(top) پنجره. مقادیر منفی قابل قبول نیستند.
width=pixels

عرض پنجره. کمترین مقدار آن 100 است.
replace

اختیاری. مشخص می کند که آیا URL مورد نظر یک ورودی جدید را ایجاد می کند یا ورودی کنونی را در لیست تاریخچه جایگزین می کند.مقادیر زیر پشتیبانی می شوند:

  • true: یو آر ال(url) مورد نظر سند کنونی را در لیست تاریخچه جایگزین می کند.
  • false: یو آر ال(url) مورد نظر یک ورودی جدید را در لسیت تاریخچه وارد می کند.

جزئیات تکنیکی

مقدار برگشتی

یک ارجاع به پنجره ی ایجاد شده ی اخیر، یا null در صورتی که  فراخوانی ناموفق باشد.
مثال

مثال - خودتان امتحان کنید

مثال (متد open)

باز کردن یک صفحه ی about:blank در یک پنجره ی جدید:

var myWindow = window.open("", "", "width=200, height=100");

خودتان امتحان کنید »

مثال (متد open)

باز کردن یک پنجره ی جدید به نام "MsgWindow" و نوشتن مقداری متن درون آن:

var myWindow = window.open("", "MsgWindow", "width=200, height=100");
myWindow.document.write("<p>This is 'MsgWindow'. I am 200px wide and 100px tall!</p>");

خودتان امتحان کنید »

مثال (متد open)

جایگزین کردن پنجره ی جاری با یک پنجره ی جدید:

var myWindow = window.open("", "_self");
myWindow.document.write("<p>I replaced the current window.</p>");

خودتان امتحان کنید »

مثال (متد open)

باز کردن یک پنجره ی جدید و کنترل کردن ظاهر آن پنجره:

window.open("http://www.w3schools.com", "_blank", "toolbar=yes, scrollbars=yes, resizable=yes, top=500, left=500, width=400, height=400");

خودتان امتحان کنید »

مثال (متد open)

باز کردن پنجره های چندگانه:

window.open("http://www.google.com/");
window.open("http://www.w3schools.com/");

خودتان امتحان کنید »

مثال (متد open)

باز کردن یک پنجره ی جدید و استفاده از close() برای بستن پنجره ی جدید:

function openWin() {
    myWindow = window.open("", "myWindow", "width=200, height=100");    // Opens a new window
}

function closeWin() {
    myWindow.close();                                                  // Closes the new window
}

خودتان امتحان کنید »

مثال (متد open)

باز کردن یک پنجره ی جدید و استفاده از خصوصیت name برای برگرداندن نام پنجره ی جدید:

var myWindow = window.open("", "MsgWindow", "width=200, height=100");
myWindow.document.write("<p>This window's name is: " + myWindow.name + "</p>");

خودتان امتحان کنید »

مثال (متد open)

استفاده از خصوصیت opener برای برگرداندن یک ارجاع به پنجره ای که پنجره ی جدید را ایجاد کرده است:

var myWindow = window.open("", "myWindow", "width=200, height=100");    // Opens a new window
 myWindow.document.write("<p>This is 'myWindow'</p>");                  // Text in the new window
 myWindow.opener.document.write("<p>This is the source window!</p>");  // Text in the window that created the new window

خودتان امتحان کنید »

کلیه توابع و خصوصیت های شیء Window در JavaScript Reference کلیه توابع و خصوصیت های شیء Window در JavaScript

نوشته شده توسط احسان عباسی
بازدید: 8800

در میان شش هزار مطلب آموزشی منتشر شده در بیاموز، جستجو نمایید ...

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین - بانک ملت معرفی بیاموز در شبکه سه