ثبت نام لاتاری 2022 آموزش ثبت نام لاتاری گرین کارت آمریکا 2022 لاتاری

فریم دادن و جاوا اسکریپت بخش دوازدهم

فریم دادن و جاوا اسکریپت بخش دوازدهم

فریم دادن در HTML

از 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

جاوا اسکریپت باعث می شود جلوه صفحات 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> یک محتوای جایگزین برای کاربرانی که اسکریپت سمت سرویس را پشتیبانی نمی کنند ، تعریف می کند

نظر خودتان را ارسال کنید