امتیاز موضوع:
  • 27 رأی - میانگین امتیازات: 2.81
  • 1
  • 2
  • 3
  • 4
  • 5
نحوه استفاده از کدهای جاوا اسکرپت در صفحه
#1

[تصویر:  Folder-Java-icon.png]
نحوه استفاده از کدهای جاوا اسکرپت در صفحه
به طور کلی به سه طریق می توانیم از جاوا اسکرپت در یک صفحه استفاده کنیم:
  1. وارد کردن اسکرپت در بخش <head> صفحه
  2. وارد کردن جاوا اسکرپت در بخش <body> صفحه
  3. استفاده از فایل اسکرپت خارجی
به یاد داشته باشید که می توانید از همه روشهای بالا به طور همزمان برای وارد کردن جاوا اسکرپت در صفحه استفاده کنید.
در دو روش اول کدهای جاوا اسکرپت به طور مستقیم وارد صفحه HTML می شوند. برای وارد کردن جاوا اسکرپت در این دو روش از تگscript استفاده می شود. تمامی کدهای جاوا اسکرپتی که می خواهید به طور مستقیم وارد صفحه کنید باید در تگ script قرار داشته باشند وگرنه مرورگر به جای به کار بردن آنها را به صورت متن در صفحه نمایش می دهد. معمولاً کدهای جاوا اسکرپت با ساختار زیر وارد صفحه می شوند :


کد:
<script language="javascript" type="text/javascript">دستورات جاوا اسکرپتی که قصد استفاده از آنها را دارید در این قسمت وارد می شوند
</script>


در تگ بالا برای مشخص کردن نوع موتور اسکرپتی که مرورگر باید برای تفسیر کردن کد استفاده کند از دو شناسه language و typeاستفاده می کنیم.

وارد کردن اسکرپت در بخش

در هنگام باز شدن یک صفحه وب عناصر موجود در بخش <head> قبل از سایر اجزای صفحه لود می شوند. معمولاً هنگامی کدهای جاوا اسکرپت در بخش <head> متن استفاده می شود که بخواهیم مطمئن شویم به هنگام نیاز کدهای ما لود شده اند.
در اینجا یک مثال از استفاده از جاوا اسکرپت در <head> را مشاهده می کنید:


کد:
<html dir="rtl">
<head>
<script language="javascript" type="text/javascript">
function message() {
document.write('<div align="center">کدهای جاوا اسکرپت موجود در &lt;head&gt; صفحه قبل از سایر اجزای صفحه لود می شوند <br> این متن به وسیله همین نوع اسکرپت به وجود آمده است</div>');
}
</script>
</head>

<body>
<p align="center"><a href="javascript:message();">روی این متن کلیک کنید</a></p>
</body>

</html>



وارد کردن جاوا اسکرپت در قسمت بدنه متن HTML

این امکان وجود دارد که کدهای جاوا اسکرپت را در قسمت <body> صفحه وارد کنیم. در این صورت لود شدن آنها تا هنگامی که آن بخش از صفحه لود شود به عقب می افتد و اگر صفحه به صورت کامل باز نشود ممکن است اسکرپت ما کار نکند. مثال زیر یک نمونه از وارد کردن جاوا اسکرپت در <body> صفحه HTML را نشان می دهد:


کد:
<html dir="rtl"><head>
<title>جاوا اسکرپت در بدنه صفحه</title>
</head><body>
<script language="javascript" type="text/javascript">
document.write('<br><h1 align="center">این متن توسط جاوا اسکرپت نوشته شده است.</h1>');
</script>
</body></html>



فرا خوانی اسکرپت خارجی به صفحه

گاهی اوقات ممکن است بخواهید از یک سری از کدهای جاوا اسکرپت برای چندین صفحه استفاده کنید و نمی خواهید همه آنها را به صورت جداگانه در هر صفحه بنویسید. در این مواقع می توانید کدهای مورد نظر خود را در یک فایل متنی وارد کنید و آنرا با پسوند js. ذخیره کنید. در هر صفحه ای که بخواهید از این فایل استفاده کنید کافی است آنرا در آن صفحه فرا خوانی کنید. ( به یاد داشته باشید که در این فایلهای خارجی نباید از تگهای <script> که مخصوص HTML هستند استفاده کنید )
برای فرا خوانی این فایلها به صفحه از همان تگ script که در موارد قبل استفاده می کردیم کمک می گیریم با این تفاوت که در اینجا به آن یک شناسه src که آدرس اسکرپت ما به عنوان مقدار آن قرار گرفته است اضافه می کنیم.
برای مثال کد جاوا اسکرپت زیر را در نظر بگیرید :


کد:
var text = '<br><h1 align="center" dir="rtl" >این متن با استفاده از جاوا اسکرپت نوشته شده است.</h1>';
document.write(text);


ما این کد را در فایلی با نام external.js در همان پوشه ای که صفحه ما قرار دارد ذخیره کرده ایم. حالا با وارد کردن کد زیر در صفحه می توانیم فایل بالا را فراخوانی کنیم:


کد:
<script language="javascript" type="text/javascript" src="external.js"></script>
پاسخ


موضوعات مرتبط با این موضوع...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  آموزش کار با تاریخچه مرورگر با استفاده از جاوا اسکرپت انجمن مخ ها 0 321 01-09-2012، 08:28 PM
آخرین ارسال: انجمن مخ ها
  باز کردن همه لینکهای صفحه در صفحه جدید انجمن مخ ها 0 199 01-09-2012، 08:13 PM
آخرین ارسال: انجمن مخ ها
  محاسبه فاکتوریل اعداد با استفاده از جاوا اسکرپت انجمن مخ ها 0 239 01-09-2012، 06:39 PM
آخرین ارسال: انجمن مخ ها
  معرفی جاوا اسکریپت انجمن مخ ها 0 188 01-09-2012، 12:33 AM
آخرین ارسال: انجمن مخ ها
  تنظیم خاصیت float برای عناصر HTML از طریق جاوا اسکرپت انجمن مخ ها 0 287 28-08-2012، 12:10 AM
آخرین ارسال: انجمن مخ ها
  تنظیم خاصیت float برای عناصر HTML از طریق جاوا اسکرپت انجمن مخ ها 0 250 28-08-2012، 12:10 AM
آخرین ارسال: انجمن مخ ها
  دستور شرطی switch در جاوا اسکرپت انجمن مخ ها 0 249 27-08-2012، 11:39 PM
آخرین ارسال: انجمن مخ ها
  نوشتن متن با استفاده از جاوا اسکرپت انجمن مخ ها 0 256 27-08-2012، 11:23 PM
آخرین ارسال: انجمن مخ ها
  نمایش پیام هشدار در صفحه با استفاده از جاوا اسکرپت انجمن مخ ها 0 207 27-08-2012، 11:03 PM
آخرین ارسال: انجمن مخ ها
  آموزش جاوا اسکرپت انجمن مخ ها 0 206 27-08-2012، 09:35 PM
آخرین ارسال: انجمن مخ ها

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان