aspose.info
FA

DHTML - فرمت فایل HTML پویا

به‌روزرسانی

فایل DHTML چیست؟

یک فایل با پسوند dhtml یک فایل پویا HTML است که برای ایجاد محتوای پویا یک صفحه وب استفاده می‌شود. یک عنصر وب ایجاد شده در DHTML مبتنی بر رویداد است و نیازی به بارگذاری مجدد صفحه ندارد. در بیشتر موارد، یک فایل DHTML برای ایجاد محتوای پویا یک صفحه وب مانند منوهای کشویی، لایه‌های شناور، دکمه‌های rollover و سایر محتوای پویا استفاده می‌شود. شما تقریباً هر روز در زندگی خود با عناصر پویا html مواجه می شوید که ماوس را روی یک آیتم منو می گذارید و گزینه های زیر منوی بیشتری را باز می کند. DHTML از فناوری‌های وب مانند HTML، Javascript، HTML DOM، HTML Events و CSS برای دستیابی به رفتار پویا عناصر استفاده می‌کند.

فرمت فایل DHTML

فایل های DHTML فایل های متنی ساده ای هستند که حاوی کدهای DHTML برای پیاده سازی رفتار پویا عناصر وب هستند.

DHTML DOM

مدل شی سند DHTML (DOM) بر اساس HTML DOM است که یک ساختار درختی با عناصر، ویژگی ها و متن است که در تصویر زیر نشان داده شده است.

HTML DOM

گره سند می تواند برای فراخوانی چندین تابع برای اجرای عملکردهای مختلف استفاده شود. مثال زیر به سادگی از متد document.write() جاوا اسکریپت در DHTML استفاده می کند.

<HTML>  
<head>  
<title>  
Method of a JavaScript  
</title>  
</head>  
<body>  
<script type="text/javascript">  
document.write("Hello World");  
</script>  
</body>  
</html>  

این کد متن Hello World را برای خروجی در مرورگر می نویسد.

رویدادهای DHTML

شمارهرویدادرویداد
1onabortهنگامی که کاربر بارگیری صفحه یا فایل رسانه ای را متوقف می کند رخ می دهد.
2onblurوقتی کاربر یک شی HTML را ترک می‌کند.
3onchangeوقتی کاربر مقدار یک شی را تغییر می‌دهد یا به‌روزرسانی می‌کند.
4onclickهنگامی که هر کاربری روی یک عنصر HTML کلیک می‌کند رخ می‌دهد یا فعال می‌شود.
5ondblclickوقتی کاربر روی یک عنصر HTML دو بار با هم کلیک می‌کند.
6onfocusهنگامی که کاربر روی یک عنصر HTML تمرکز می‌کند اتفاق می‌افتد. این کنترل کننده رویداد برخلاف onblur کار می کند.
7onkeydownهنگامی که کاربر در حال فشار دادن یک کلید روی دستگاه صفحه کلید است، فعال می شود. این کنترل کننده رویداد برای همه کلیدها کار می کند.
8onkeypressزمانی که کاربران کلیدی را روی صفحه کلید فشار می‌دهند فعال می‌شود. این کنترل کننده رویداد برای همه کلیدها فعال نمی شود.
9onkeyupزمانی رخ می‌دهد که کاربر پس از فشار دادن یک شی یا عنصر، کلیدی را از صفحه کلید آزاد کند.
10onloadزمانی رخ می‌دهد که یک شی کاملاً بارگذاری شود.
11onmousedownوقتی کاربر دکمه ماوس را روی یک عنصر HTML فشار می‌دهد.
12onmousemoveوقتی کاربر مکان نما را روی یک شی HTML حرکت می‌دهد.
13onmouseoverوقتی کاربر مکان نما را روی یک شی HTML حرکت می‌دهد.
14onmouseoutهنگامی که نشانگر ماوس از یک عنصر HTML خارج می‌شود، رخ می‌دهد یا فعال می‌شود.
15onmouseupزمانی که دکمه ماوس روی یک عنصر HTML رها می‌شود، رخ می‌دهد یا فعال می‌شود.
16onresetکاربر برای تنظیم مجدد فرم استفاده می کند.
17onselectپس از انتخاب محتوا یا متن در یک صفحه وب رخ می دهد.
18onsubmitهنگامی که کاربر روی دکمه ای پس از ارسال فرم کلیک می کند، فعال می شود.
19onunloadهنگامی که کاربر یک صفحه وب را می بندد فعال می شود.

منابع

همچنین ببینید