آموزش جاوااسکریپت

محل قرارگیری کد های javascript

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

آموزش جاوااسکریپت – محل قرارگیری کدهای جاوااسکریپت

خوب ما برای اینکه بتونیم کدهایی زیان جاوا اسکریپت رو درون صفحات وب نمایش بدیم باید اول اونها رو داخل سند html  مربوطه قرار بدیم که برای این کار سه روش وجود داره:

  • قرار دادن کدهای جاوااسکریپت درون تگ Head سند html
  • قرار دادن کدهای جاوااسکریپت درون تگ body سند html
  • قرار دادن کدهای جاوااسکریپت درون یک فایل جدا و لود آن درون تگ Head سند html

برای آشنایی بیشتر با تگ های html ذکر شده در بالا مراجعه کنید به (آموزش html)

 

خوب حالا با ما همراه باشید تا هر سه روش رو توضیح بدیم :

 

قرار دادن کدهای جاوااسکریپت درون تگ Head سند html  :

در این روش ما باید کد های جاوااسکریپت رو داخل تگ script   قرار بدیم و سپس این تگ رو درون تگ Head سند html  قرار بدیم تا بتونیم کدهای مدنظرمون رو نمایش بدیم.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>محل قرارگیری کدهای </title>
    <script>
        document.write("hello world")
    </script>
</head>
<body>

</body>
</html>

در آینده انشالله با شی document  بیش تر آشنا میشیم.

سوال :  ممکنه بپرسید برای چی باید این کار رو انجام بدیم ؟

جواب :  در   (آموزش جاوااسکریپت-قسمت اول)  هم اشاره کردیم که زبان جاوااسکریپت زبانی است که با html وcss  تعامل داره و درواقع امکانات و افکت هایی رو به سند html  اضافه میکنه.

قرار دادن کدهای جاوااسکریپت درون تگ body سند html  :

این روش کاملا مشابه روش قبل هست فقط با این تفاوت که باید تگ script  رو درون تگ body سند html  قرار بدیم.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>محل قرارگیری کدهای js</title>
</head>
<body>
<script>
    document.write("hello world")
</script>
</body>
</html>

 

قرار دادن کدهای جاوااسکریپت درون یک فایل جدا ولود آدرس فایل درون تگ Head سند html   :

در این روش که از دوتای قبلی بهینه تر هست و ما هم این روش رو پیشنهاد میکنیم این هست که کدهای جاوااسکریپت مربوطه رو در یه فایل جدا با پسوند js.  قرار میدیم و اون رو در تگ head آپلود میکنیم .(ساختن فایل با پسوند .js   با ادیتور phpstorm (آشنایی با ویرایشگر ها ) به این صورت هست که از قسمت file  گزینه new  و سپس گزینه   javascript file  رو انتخاب میکنیم.همین!!)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>محل قرارگیری کدهای js</title>
    <script src="myscript.js"></script>
</head>
<body>
</body>
</html>
تذکر : برای نوشتن کدهای جاوااسکریپت درون فایل جدا نیازی به تگ script  نیست.
اینم بخون، جالبه
آشنایی با ویرایشگر ها و تاریخچه جاوااسکریپت

مزایای استفاده از روش :

  • کد های جاوااسکریپت از کدهای html جدا هست
  • خواندن  و ویرایش کدها ساده تر و سریع تر انجام میشه
  • سرعت لود صفحات وب افزایش پیدا میکنه

 

 

خوب این آموزش هم تمام شد امیدوارم مفید باشه.انتقادات و پیشنهادات خود در انجمن میزفا مطرح کنید

 

 

 

 

محل قرارگیری کد های javascript
امتیاز 5 از 3 رای
برچسب ها

امین عزیزی‌پور

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

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا
سایت خود را در گوگل مدیریت کنید + ۱۵ ساعت فیلم آموزشیجزئیات بیشتر اینجا کلیک کنید
بستن
با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

عضویت در خبرنامه هفتگی برای دریافت:

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
ترک میزفا خوب نیست!
دوره رایگان سئو