استفاده از کدهای جاوااسکریپت بین کدهای HTML

دسته بندی: جاوا اسکریپت
زمان مطالعه: 2 دقیقه
۳۰ مهر ۱۳۸۷

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

کدهای جاوا اسکریپت رو در مکانهای مختلفی ( بین تگهای <Body> یا <Head>) می‌تونید قرار بدید . ولی خود بدنه ی جاوااسکریپت توی یک تگ HTML ( تگ <script> ) قرار میگیره . (چند مثال میزنیم که بهتر متوجه بشید) :

<SCRIPT LANGUAGE="JavaScript">
JavaScript Codes
</SCRIPT>

:: اولین کد جاوا اسکریپت   ! Hello World ما می‌خوایم یک کد جاوا اسکریپت بنویسیم که یک متن (! Hello World) رو برامون چاپ کنه .

این کد رو به شکل زیر می‌نویسیم .

<SCRIPT LANGUAGE="JavaScript">
document.write("Hello World !")
</SCRIPT>

برای اجرای این کد و دیدن خروجی ، برنامه ی NotePad ویندوز رو باز کنید . کد رو توی اون بنویسید و فایل رو با پسوند html. ذخیره کنید . فایل ذخیره شده رو باز کنید تا نتیجه رو ببینید . ( اگر درست نوشته باشید رشته ی ! Hello World در مرورگر نمایش داده میشه . )

فعلا فقط بدونید که تایع ()document.write برای چاپ کردن یک رشته ، متغیر و ... به کار میره . در مورد شیوه ی استفاده از توابع جاوا اسکریپت تو پست‌های بعدی توضیح دادده میشه . فعلا هدف فقط یاد گرفتن چگونگی استفاده از کدهای جاوا اسکریپت در لابلای کدهای html هست .

خوب حالا فرض کنید یه فایل html دارید و می‌خواید این کد جاوا اسکریپت رو توی اون قرار برید . در زیر من این کار رو کردم . کد رو بین تگهای <body> گذاشتم :

<html>
<head>
<title>7Learn.com</title>
</head>
<body>
<script  language="JavaScript">
document.write("Hello World !")
</script>
</body>
</html>

به همین حالت هر کد جاوااسکریپتی ( از این کد که ساده‌ترین کد جاوااسکریپته تا پیچیده‌ترین کدها) رو می‌تونید بین کدهای html قرار بدید .

تو پست بعدی در مورد اصول کلی برنامه نویسی و معرفی یه سری چیزای مورد نیاز بحث می‌کنیم.

چه امتیازی به این مقاله می دید؟
نویسنده لقمان آوند
بیش از 15 سال هست که برنامه نویسی می کنم و از بین همه زبون هایی که کار کردم جاوا، اسمبلی و php رو دوست دارم. دانشجوی دکترای نرم افزارم و توی دانشگاه روی پردازش بیگ دیتا و پردازش موازی کار کردم و عاشق چالش از هر نوعیش هستم! سون لرن مثل بچه منه که 12 سال براش وقت گذاشتم، اینجا همه تلاش می کنیم از شروع یادگیری تا ورود به بازر کار حوزه برنامه نویسی و IT همراهتون باشیم.

نظرات کاربران

مهناز

سلام من دانشجو نرم افزارم میشه از شما خواهش کنم که یک سایت فروشگاه لباس با جاوا اسکریپت و پی اچ پی برام طراحی کنید که مشتریان به سایز لباس و رنگ لباس دسترسی داشته باشند(البته مشتریان خاص به تعداد مانده از لباس فقط دسترسی دارند و مدیر سیستم می تواند تعداد لباس را کم و زیا کند و تغییر دهد.تو را به خداکمکم کنید من منتظر جواب شما هستم.

لقمان آوند

سلام دوست عزیز
با عرض پوزش , متاسفانه در حال حاضر وقت اینکار رو ندارم . شدیدا گرفتار دروس دانشگاهم .
موفق باشید

mahdis daneshmand

salam golam khili jaleb bod dost daram jaleb tar besheh ba…. tashakor az shoma bye.

mahdis daneshmand

salam golam khili jaleb bod dost daram jaleb tar besheh ba tashakor az shoma bye.

afsaneh

salam kod haye html bad bodan lotfan dorost konideshon byyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy

ماها

سلام دوست عزیز ایا کد جاوا اسکریپتی هست که امار بازدیدکنندگان از وب سایم رو فقط به خودم نشون بده؟

پاسخ نویسنده(حمزه فیضیان) :
درود بر شما. بله سایت http://webgozar.com برید ثبت نام کنید. بعد تو قسمت کنترل پنلتون وقتی سیستم شمارنده جدید میسازید یه تیک شخصی سازی داره اونو بزنید امارتون فقط با اون پسوردی که مال شماست به نمایش در میاد. دقیقا مثل آمار ما اگه روش کلیک کنید متوجه میشید. موفق باشید…

شیوا

salam khaste nabashin man mikhastam baraye weblagam link bezaram ama balad nistam manoon misham komakam konin


لقمان آوند : سلام
آموزش کامل لینک دادن : https://7learn.com/?p=129

omid

سلام من شما رو با عنوان 7 لرن لینک کردم اگه دوست داشتین منو با عنوان”وبلاگ تخصصی 5230″ لینک کنین.
با تشکر

saman

سلام من می خواستم یه باکس نمایش متن تصادفی رو تو وبلاگم بذارم اما نمیتونم جاشو تنظیم کنم چه کار باید بکنم؟

elham

سلام آموزشاتون عاليه

elahe

سلام خسته نباشید
یه سوال داشتم اگه لطف کنید جواب بدید ممنون می شم.
من یه وبلاگ دارم که لوگو نداره برای ساخت لوگو باید چیکار کنم؟همچنین کدش رو در کدو قسمت باید بنویسم؟
با تشکر

حمید

سایت جالبی دارید میخواستم ببینم چجوری می تونم در وبلاگ خودم کد های جاوا اسکرسپ را فعال کنم .ممنون میشم اگه کمکم کنی.اگه تونستی به جیمیلم راهنماییترابفرست.

آرش

سلام
آقا سایت من منوهاش جاوا هستش
وقتی زیر منو ها رو فعال میکنم به طرف پایین باز میشن
حالا من روی قالب سایتم تغییراتی دادم که منوی سایت رو آوردم به پایین ترین قسمت و می خوام که حالا زیر منو ها به طرف بالا باز بشن چکار باید بکنم
مشکل اصلی اینجاست که من اصلا با اصطلاحات برنامه نویسی جاوا آشنا نیستم
ممنون میشم کمک کنید

saeid

salam
man hamin kodro copy kardam va gozashtam beyn kodhaye html
vali javab nadad
na ba IE na fire

لقمان آوند : سلام دوست عزیز
شما فایل رو دانلود کن . جواب میده .

شریف

سلام. خسته نباشید آقا لقمان. سایت خیلی عالی دارید. من یه مشکلی داشتم. میخواستم بدونم چطوری میشه لوگوی بالای صفحه وبلاگ رو با تغییرات کد قالب عوض کرد و اون چیزی که خودت طراحی کردی رو بندازی اون بالا. اگه این و به من توضیح بدی خیلی خیلی خیلی ممنونت میشم. با تشکر

fariba

ما لینک شما را در سایت قرار دادیم ولی شما هنوز نگذاشتین لینک ما

ما رو با نام

عکس و کلیپ های با حال به آدرس

http://www.binandeh.ir

لینک کن

امیرحسین رهبری

سلام

لقمان جان از 4 سال پیش می شناسمت!
مایل با صحبتم باهات!

گوگل تالک و یا یاهو مسنجر خودت را بده ! یا شماره تماست!

ممنون.
خدانگهدار

نرم افزار سرا

سلام دوست عزیز
از سایت شما بسیار لذت بردم مخصوصا از قسمت آموزش های جاوا اسکریپت و فتو شاپ.
لطفا به کارتون ادامه بدین، من عضو خبرنامه سایت شما شدم تا از مطالب مفید و آموزنده شما بیشتر استفاده کنم.
با تشکر فراوان

نیلوفر

سلام! من می خوام برای وبلاگم آهنگ بذارم! اما شما در پست های قبلی گفته بودین باید آهنگ از نوع mid باشه ! آهنگی که من می خوام فقط mp3 ا ! چطوری می تونم یه آهنگ با این فرمت توی وبلاگم بذارم؟! ممنون!

Saman

ba salam,,va tashakor e faravan
az eenke javab e man ra dadeed,,,sepasgozaram
baz mozahem shodam ke beporsam,,aya meshavad,,tarekh e POST ha ra ham meladee kard ? ya bayad dastee,,vared konam
mamnoon az lotfetan
bye

ارسال دیدگاه
خوشحال میشیم دیدگاه و یا تجربیات خودتون رو با ما در میون بذارید :