از Iframe برای نمایش یک صفحه ی وب در داخل صفحه وب استفاده می شود .
استفاده از Iframe در HTML
قاب یا Iframe با تگ <iframe> تعیین می شود :
<iframe src=”URL“></iframe>
از ویژگی SRC برای مشخص کردن URL (آدرس وب) در فریم صفحه وب به کار می بریم.
تنظیم ارتفاع و عرض iframe
ویژگی width و height ، عرض و ارتفاع iframe تعیین می شود.
مثــال
<iframe src=”demo_iframe.htm” height=”200″ width=”300″></iframe>
حذف حاشیه در iframe
به طور پیش فرض یک حاشیه در iframe وجود دارد.
با اضافه کردن استایل و استفاده از ویژگی border حاشیه را حذف می کنیم.
مثــال
<iframe src=”demo_iframe.htm” style=”border:none;”></iframe>
مثــال
<iframe src=”demo_iframe.htm” style=”border:2px solid grey;”></iframe>
ویژگی Target در لینک iframe
در اینجا ما از ویژگی target برای باز کردن لینک ها در iframe (قاب) استفاده می کنیم .
ویژگی target از لینک باید به ویژگی نام از iframe مراجعه کنید:
تگ iframe در HTML
| تگ |
توضیح |
| <iframe> |
ایجاد قاب در صفحه وب |
جاوا اسکریپت باعث می شود جلوه صفحات HTML پویاتر و تعاملی تر شود .
تگ <script> در HTML
تگ <script> برای تعریف یک اسکریپت سمت سرویس گیرنده است (جاوا اسکریپت) .
تگ <script> حاوی دستورات اسکریپت است همینطور می توان به یک فایل اسکریپت خارجی از طریق ویژگی src متصل کنیم .
استفاده های رایج جاوا اسکریپت دستکاری تصویر، اعتبار سنجی فرم، و تغییرات پویا محتوا است .
برای انتخاب یک تگ HTML، جاوا اسکریپت با استفاده از کد document.getElementById(id) استفاده می کند .
با استفاده از یک تگ HTML و id دادن به آن ، از طریق کدنویسی جاوا اسکریپ id را دریافت و نوشته را خروجی می دهد .
نمونه هایی از JavaScript
نمونه هایی از جاوا اسکریپت :
مثــال
document.getElementById(“demo”).innerHTML = “Hello JavaScript!”;
مثــال
document.getElementById(“demo”).style.fontSize = “25px”;
document.getElementById(“demo”).style.color = “red”;
document.getElementById(“demo”).style.backgroundColor = “yellow”;
مثــال
document.getElementById(“image”).src = “picture.gif”;
تگ <noscript> در HTML
تگ <noscript> جهت ارائه محتوای جایگزین برای کاربرانی که اسکریپت را در مرورگر خود را غیر فعال کرده اند و یا از یک مرورگر که نمی تواند اسکریپت سمت سرویس پشتیبانی کند ، استفاده می شود.
محتوا داخل تگ <noscript> زمانی نمایش داده می شود که اسکریپت پشتیبانی نمی شود، و یا در مرورگر کاربر غیر فعال شده است :
مثــال
<script>
document.getElementById(“demo”).innerHTML = “Hello JavaScript!”;
</script><noscript>Sorry, your browser does not support JavaScript!</noscript>
تگ های اسکریپت HTML
| تک |
توضیح |
| <script> |
یک اسکریپت سمت سرویس را تعریف می کند |
| <noscript> |
یک محتوای جایگزین برای کاربرانی که اسکریپت سمت سرویس را پشتیبانی نمی کنند ، تعریف می کند |
