امتیاز موضوع:
  • 11 رأی - میانگین امتیازات: 2.73
  • 1
  • 2
  • 3
  • 4
  • 5
نوشتن متن با استفاده از جاوا اسکرپت
#1

در جاوا اسکرپت این امکان وجود دارد که متنی را نوشته و در صفحه نمایش بدهیم. متن مورد نظر را می توانیم قالب بندی کنیم و از تگهای HTML نیز در آن استافده کنیم. برای این کار از فرمان ()document.write استفاده می کنیم که یک فرمان جاوا اسکرپت مخصوص چاپ کردن خروجی در صفحه است. روش کار به صورت زیر است :
[تصویر:  text-x-java-icon.png]
نوشتن متنهای ساده

کد:
<script language="JavaScript" type="text/javascript">document.write('متن مورد نظر خود را اینجا بنویسید');
</script>

البته نقطه ویرگولی که در آخر فرمان نوشته شده تنها در صورتی الزامی است که بیش از یک فرمان در اسکرپت خود داشته باشیم.
برای نوشتن متن به این صورت کافی است تا فرمان بالا را در جایی از صفحه HTML که می خواهید متن به نمایش در آید بنویسید. در مثال زیر متنی با استفاده از جاوا اسکرپت در صفحه نمایش داده می شود،

نوشتن متنهای قالب بندی شده

با استفاده از فرمان document.write امکان نوشتن متنهای قالب بندی شده با استفاده از تگهای HTML هم وجود دارد. برای اینکار فقط کافیست متن HTML مورد نظر خود را در تابع ()document.write قرار دهید. برای مثال به کد زیر توجه کنید :
کد:
<script language="JavaScript" type="text/javascript">document.write('<h1>این متن با استفاده از جاوا اسکرپت نوشته شده است!</h1>');
</script>

تابع ()document.write با مقدار چند سطری

اگر بخواهیم متنی که با استفاده از جاوا اسکرپت متنی را بنویسیم که در صفحه در چند سطر نمایش داده شود به راحتی می توانیم با وارد کردم <br> در متن مورد نظر یا با سایر تگهای HTML این کار را انجام دهیم. اما اگر بخواهیم مقداری را که به تابع ()document.write می دهیم در چند سطر وارد کنیدم باید مقدار مورد نظر را در هر سطر از هم جدا کرده و با استفاده از عملوند رشته ای + آنها را در چند سطر به هم پیوند بزنیم.
نکته : نباید بدون استفاده از عملگر های مربوطه مقدار تابع بالا را در بیش از یک سطر بنویسید. در صورتی که متن مورد نظر خود را به این گونه در چند سطر بنویسید تابع کار نمی کند و احتمالاً با پیغام خطا مواجه می شوید.
اگر کد خود را به صورت زیر بنویسید با خطا مواجه خواهید شد :
کد:
<script language="JavaScript" type="text/javascript">document.write('First part of text
Second part of text');
</script>
برای اینکه با خطا مواجه نشوید و کد شما کار حود را انجام دهد باید آنرا به صورت زیر بنویسید :
کد:
<script language="JavaScript" type="text/javascript">document.write('First part of text'
+
'Second part of text');
</script>
پاسخ


موضوعات مرتبط با این موضوع...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  آموزش کار با تاریخچه مرورگر با استفاده از جاوا اسکرپت انجمن مخ ها 0 318 01-09-2012، 08:28 PM
آخرین ارسال: انجمن مخ ها
  محاسبه فاکتوریل اعداد با استفاده از جاوا اسکرپت انجمن مخ ها 0 238 01-09-2012، 06:39 PM
آخرین ارسال: انجمن مخ ها
  معرفی جاوا اسکریپت انجمن مخ ها 0 187 01-09-2012، 12:33 AM
آخرین ارسال: انجمن مخ ها
  تنظیم خاصیت float برای عناصر HTML از طریق جاوا اسکرپت انجمن مخ ها 0 287 28-08-2012، 12:10 AM
آخرین ارسال: انجمن مخ ها
  تنظیم خاصیت float برای عناصر HTML از طریق جاوا اسکرپت انجمن مخ ها 0 249 28-08-2012، 12:10 AM
آخرین ارسال: انجمن مخ ها
  دستور شرطی switch در جاوا اسکرپت انجمن مخ ها 0 249 27-08-2012، 11:39 PM
آخرین ارسال: انجمن مخ ها
  نمایش پیام هشدار در صفحه با استفاده از جاوا اسکرپت انجمن مخ ها 0 207 27-08-2012، 11:03 PM
آخرین ارسال: انجمن مخ ها
  نحوه استفاده از کدهای جاوا اسکرپت در صفحه انجمن مخ ها 0 241 27-08-2012، 09:46 PM
آخرین ارسال: انجمن مخ ها
  آموزش جاوا اسکرپت انجمن مخ ها 0 204 27-08-2012، 09:35 PM
آخرین ارسال: انجمن مخ ها

پرش به انجمن:


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