متد resizeBy
مثال (متد resizeBy)
باز کردن یک پنجره ی جدید و تغییر دادن عرض و ارتفاع آن پنجره به اندازه ی 250 پیکسل، نسبت به مکان کنونی آن:
myWindow = window.open("", "", "width=100, height=100"); // Opens a new window
}
function resizeWin() {
myWindow.resizeBy(250, 250); // Resizes the new window
myWindow.focus(); // Sets focus to the new window
}
خودتان امتحان کنید »
در انتهای این صفحه، مثال های بیشتری آورده شده است.
تعریف و کاربرد
متد resizeBy()، اندازه ی یک پنجره را به یک مقدار مشخص، نسبت به اندازه ی کنونی آن، تغییر می دهد.
نکته: این متد، گوشه ی سمت راست و پایین پنجره را برای تغییر دادن اندازه ی پنجره، حرکت می دهد. گوشه ی سمت چپ و بالای پنجره حرکت نخواهد کرد(در مختصات اصلی خود باقی می ماند).
متدهای مرتبط:
- resizeTo() : پنجره را به یک عرض و ارتفاع مشخص تغییر اندازه می دهد.
- moveBy(): یک پنجره را نسبت به مختصات کنونی اش حرکت می دهد.
- moveTo(): پنجره را به یک اندازه ی مشخص حرکت می دهد.
پشتیبانی مرورگرها
متد | |||||
---|---|---|---|---|---|
resizeBy() | بله | بله | بله | بله | بله |
نحوه استفاده
مقادیر پارامترها
پارامتر | Type | توضیحات |
---|---|---|
width | Number |
ضروری. یک مقدار مثبت یا منفی که مشخص می کند، width(عرض) پنجره به چه اندازه تغییر کند. |
height | Number |
ضروری. یک مقدار مثبت یا منفی که مشخص می کند، height(ارتفاع) پنجره به چه اندازه تغییر کند. |
جزئیات تکنیکی
مقدار برگشتی | مقدار برگشتی ندارد |
---|
مثال - خودتان امتحان کنید
مثال (متد resizeBy)
باز کردن یک پنجره ی جدید، و کاهش دادن عرض آن به اندازه ی 50 پیکسل و افزایش دادن ارتفاع آن نیز به اندازه ی 50 پیکسل:
خودتان امتحان کنید »
مثال (متد resizeBy)
استفاده از متد resizeBy() در کنار متد resizeTo():
myWindow.resizeTo(800, 600);
myWindow.focus();
}
function resizeWinBy() {
myWindow.resizeBy(-100, -50);
myWindow.focus();
}
خودتان امتحان کنید »
مثال (متد resizeBy)
تغییر دادن اندازه ی بالاترین پنجره ی مرورگر به اندازه ی 100 پیکسل(تنها در مروگرهای IE و Safary کار می کند):
خودتان امتحان کنید »
کلیه توابع و خصوصیت های شیء Window در JavaScript
- نوشته شده توسط احسان عباسی
- بازدید: 8203