آموزش طراحی سایت (HTML CSS Javascript) | آتریا

متد resizeBy

مثال (متد resizeBy)

باز کردن یک پنجره ی جدید و تغییر دادن عرض و ارتفاع آن پنجره به اندازه ی 250 پیکسل، نسبت به مکان کنونی آن:

function openWin() {
    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()	بله	بله	بله	بله	بله

نحوه استفاده

resizeBy(width,height)

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

پارامتر	Type	توضیحات
width	Number	ضروری. یک مقدار مثبت یا منفی که مشخص می کند، width(عرض) پنجره به چه اندازه تغییر کند.
height	Number	ضروری. یک مقدار مثبت یا منفی که مشخص می کند، height(ارتفاع) پنجره به چه اندازه تغییر کند.

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

مقدار برگشتی	مقدار برگشتی ندارد

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

مثال (متد resizeBy)

باز کردن یک پنجره ی جدید، و کاهش دادن عرض آن به اندازه ی 50 پیکسل و افزایش دادن ارتفاع آن نیز به اندازه ی 50 پیکسل:

myWindow.resizeBy(-50, 50);

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

مثال (متد resizeBy)

استفاده از متد resizeBy() در کنار متد resizeTo():

function resizeWinTo() {
    myWindow.resizeTo(800, 600);
    myWindow.focus();
}

function resizeWinBy() {
    myWindow.resizeBy(-100, -50);
    myWindow.focus();
}

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

مثال (متد resizeBy)

تغییر دادن اندازه ی بالاترین پنجره ی مرورگر به اندازه ی 100 پیکسل(تنها در مروگرهای IE و Safary کار می کند):

top.resizeBy(100, 100);

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

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

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

برای درج دیدگاه، ابتدا باید وارد بیاموز شوید.

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.

مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی