به دست آوردن اندازه ارتفاع (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).
نتیجه :
بر روی دکمه (Button) کلیک کنید :
