آموزش متد resizeBy در BOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش متد resizeBy در BOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
متد resizeBy در BOM جاوااسکریپت
با استفاده از متد ()resizeBy میتونیم پنجره مرورگر رو به اندازه دلخواه ( که ما براش مشخص میکنیم ) تغییر اندازه بدیم.
این متد با هربار که بروی دکمه کلیک کنیم مختصات رو اعمال میکنه ، یعنی با هربار کلیک بروی دکمه، پنجره مورد نظر ما تغییر اندازه داده خواهد شد.
همیشه از گوشه پایین سمت راست پنجره، تغییر اندازه اعمال میشه، یعنی گوشه بالا سمت چپ ثابت هست و فقط گوشه پایین سمت راست تغییر اندازه داده خواهد شد.
متدهای زیر نیز با متد resizeBy مرتبط می باشد :
- resizeTo() : برای تغییر اندازه دادن پنجره مرورگر فقط برای یکبار
| مقدار برگشتی | هیچی |
|---|
Free-Learn
مثال از این متد
در ادامه میتوانید یک مثال از این متد را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : تغییر اندازه دادن پنجره با مختصات ( ۵۰ پیکسل عرض و ۵۰ پیکسل ارتفاع ) ( و تا زمانی که بروی دکمه همینجور هی کلیک کنید اونم هی سایزش تغییر میکنه )
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<script> var MyWindow; function openwin(){ MyWindow = window.open("", "", "width=200, height=200"); MyWindow.document.write("<p>سایت آموزشی فری لرن</p>"); } function resizeby(){ MyWindow.resizeBy(50, 50); MyWindow.focus(); } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این متد در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام متد | Chrome | Firefox | Opera | Safari | IE |
| ()resizeBy | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این متد در جاوااسکریپت بصورت زیر می باشد.
|
1 |
window.resizeBy( Width , Height ); |
Free-Learn
جدول پارامترها
در جدول زیر میتوانید، پارامترهایی را که میتوان در این متد استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| Width | ضروری – یک عدد مثبت یا منفی برای اندازه عرض |
| Height | ضروری – یک عدد مثبت یا منفی برای اندازه ارتفاع |
Free-Learn
نکات و توضیحات
- متد ()moveBy تا زمانی که بروی دکمه کلیک شه اونم همینجور هی انتقال ( یا جابه جا ) میشه.
- متد ()moveTo با کلیک بروی دکمه فقط یکبار انتقال داده خواهد شد.
- متد ()resizeBy برای تغییر اندازه پنجره می باشد و با هربار کلیک بروی دکمه همینجور هی سایزش تغییر میکنه.
- متد ()resizeTo با کلیک بروی دکمه فقط یکبار سایز پنجره تغییر میکنه.
