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

برای اینکه با استفاده از زبان جاوااسکریپت بتوانید متنی را در صفحه وب نمایش دهید و یا بنویسید یک متد با نام document.write تعریف شده است .

نمایش و چاپ متن در صفحه وب

این متد یک پارامتر ورودی می‌پذیرد که همان متنی است که می‌خواهد در صفحه نوشته شود . به طور مثال با استفاده از کد زیر متن Hello World در صفحه چاپ خواهد شد .

<script type="text/javascript">
document.write("Hello World")
</script>


نمایش و چاپ مقادیر متغیر‌های جاوا اسکریپت در صفحه وب

همچنین می‌تونید با استفاده از این متد مقادیر متغیر‌های جاوااسکریپت را نیز چاپ کنید :

<script type="text/javascript">
var name="Loghman"
var age=23
document.write(name)
document.write(" ")
document.write(age)
</script>


به طور مثال در کد فوق ، مقادیر دو متغیر name و age رو با استفاده از این متد در خروجی (صفحه وب) چاپ می‌کنید . البته در بین ایندو نیز یک فضای خالی (space) هم چاپ می‌کنیم تا به هم نچسبند .

نمایش و چاپ مقادیر ترکیبی از متن و متغیرها در صفحه وب

در جاوااسکریپت بسیاری از مواقع نیاز داریم که ترکیبی از متن و متغیر‌ها را چاپ کنیم . در این حالت به جای اینکه چند بار متد document.write را بنویسیم ، می‌توانیم فقط با یکبار صدا زدن متد این کار رو انجام بدیم . لازمه ی این کار اینکه که از عملگر + برای چسباندن متن‌ها و متغیر‌ها به هم استفاده کنیم . همون مثال بالا رو اینبار می‌خوایم به صورت ترکیبی و فقط با استفاده از یکبار صدا زدن متد document.write بنویسیم :

<script type="text/javascript">
var name="Loghman"
var age=23
document.write( name + " " + age )
</script>


عملگر + در جاوااسکریپت اگر برای متن‌ها و متغیر‌های غیر عددی استفاده بشه اونها رو به هم می‌چسبونه و اگر برای عدد‌ها و متغیر‌های عددی استفاده بشه اونها رو با هم جمع می‌کنه .
یک مثال دیگه هم در زیر آوردم که با استفاده از جاوا اسکریپت یک لینک رو در صفحه وب نمایش میدیم :

<script type="text/javascript">
var linkName="7Learn : Web Design Tutorials "
var linkUrl="https://7learn.com"
document.write( '<a href="' + linkUrl + '">' + linkName + '</a>' )
</script>


بدبن ترتیب می‌تونید هر ترکیبی از متغیر‌ها و متن‌ها رو در زبان جاوااسکریپت با استفاده از این متد در صفحه وب چاپ کنید و به نمایش بگذارید .

 
ارسال دیدگاه
ما همه سوالات و دیدگاه ها رو می خونیم و پاسخ میدیم
۸ دیدگاه
s.f ۱۳ آذر ۱۳۹۳، ۲۳:۱۴
سلام میشه طرز نوشتن کد آوردن عکس ر هم بگید و اینکه با چه کدی میشه سایز و رنگ نوشیتمون رو عوض کنیم
لقمان آوند ۱۴ آذر ۱۳۹۳، ۰۱:۳۷
سلام
می تونید از کدهای html در لابلای تابع write جاوا اسکریپتبرای این منظور استفاده کنید.
پیمان ۰۷ اردیبهشت ۱۳۹۳، ۱۹:۲۶
سلام :grin:
چطوری یک متن رو با آژاکس در یک تکس باکس بنویسم؟ :???:
با تشکر :?:
کیوان علی محمدی ۱۶ اردیبهشت ۱۳۹۳، ۱۰:۵۵
سلام،سوال نامفهومه واضح تر بگین.
$ ۲۱ خرداد ۱۳۹۲، ۱۷:۳۳
سلام من قالب طراحی می کنم اما نمی تونم مثل سایر طراحان مشاهده ی قالبو کد قرار بدم اگر کمک کنید ممنون میشم در ضمن اگر میشه لطف کنید راهنماییتونو به ایمیلم ارسال کنید .
متشکر
سجاد دریس ۲۲ خرداد ۱۳۹۲، ۱۷:۲۷
سلام.
سوالتون رو واضضحتر بپرسین. "نمی تونم مثل سایر طراحان مشاهده ی قالبو کد قرار بدم "
منظورتون از این جمله چیه؟