به دست آوردن اندازه ارتفاع (Height) و عرض (Width) سند HTML (انگلیسی : HTML Document)، با روش های width و height ، در jQuery

با استفاده از روش های width و height در jQuery ، می توانیم اندازه ارتفاع (Height) و عرض (Width) سند HTML (انگلیسی : HTML Document) را به دست آوریم. برای این منظور، باید آنها را به صورت زیر به کار ببریم :

به مثال زیر توجه کنید :

مثال

یک دکمه (Button) در صفحه HTML می سازیم که با کلیک کاربر بر روی آن، یک سری کد jQuery اجرا می شوند که برای محاسبه اندازه ارتفاع (Height) و عرض (Width) سند HTML (انگلیسی : HTML Document)، به کار رفته و نتیجه را هم در بخشی از صفحه HTML نمایش می دهند.

کد کامل صفحه HTML :

در صفحه HTML ، یک تگ p با id برابر kelidestan_result داریم که نتیجه محاسبات در آن نمایش داده می شود (پس از اجرای کدهای jQuery) :

کدهای jQuery ، پس ازکلیک بر روی دکمه (Button) ساخته شده توسط تگ button (با id برابر kelidestan_button)، اجرا خواهند شد :

کدهای jQuery صفحه عبارتند از :

بنابراین پس از کلیک بر روی دکمه (Button)، کدهای jQuery زیر اجرا می شوند ( کلید شماره 2787 ) :

در کدهای بالا، ابتدا اندازه ارتفاع (Height) و عرض (Width) سند HTML (انگلیسی : HTML Document) را محاسبه نموده و سپس متنی را بر اساس نتایج محاسبات، در عنصر دارای id برابر kelidestan_result از صفحه، نمایش داده ایم (با روش html).