آموزش قرارگیری در فایل HTML در جاوا اسکریپت

4 سال پیش
آموزش قرارگیری در فایل HTML در جاوا اسکریپت
امتیاز دهید post

 آموزش قرارگیری در فایل HTML در جاوا اسکریپت

 

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

انعطاف پذیری یکی از ویژگی های کد جاواسکریپت را در هر کجای یک سند HTML قرار دهید. با این حال بهترین ترین روش ها برای قرار دادن جاواسکریپت در یک فایل HTML به شرح زیر است:

 

  • Script in <head>…</head> section.
  • Script in <body>…</body> section.
  • Script in <body>…</body> and <head>…</head> sections
  • در یک فایل خارجی اسکریپت نویسی کنید و سپس در بخش <head> … </head> قرار دهید.

 

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

 

جاوا سکریپت در بخش <head> … </head>

اگر می خواهید اسکریپت را در برخی از رویدادها اجرا کنید ، مانند زمانی که کاربر روی جایی کلیک می کند ، آن اسکریپت را به صورت زیر در سر قرار می دهید –

 

 

این کد نتایج زیر را ایجاد می کند –

 

 

اگر برای بارگذاری صفحه به اسکریپتی نیاز دارید تا اسکریپت محتوایی در صفحه تولید کند، اسکریپت در قسمت <body> سند قرار می گیرد. در این حالت، شما هیچ تابعی با استفاده از جاوا سکریپت ندارید. نگاهی به کد زیر بیندازید.

 

 

این کد نتایج زیر را ایجاد می کند –

 

 

 

می توانید کد جاوا سکریپت خود را در بخش <head> و <body> به صورت زیر قرار دهید –

 

 

این کد نتیجه زیر را ایجاد می کند –

 

 

جاوا اسکریپت در فایل خارجی

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

محدودیتی ندارید که کدهای یکسان را در چندین پرونده HTML حفظ کنید. تگ اسکریپت مکانیزمی را برای شما فراهم می کند تا بتوانید جاوا اسکریپت را در یک فایل خارجی ذخیره کنید و سپس آن را در پرونده های HTML خود بگنجانید.

در اینجا مثالی آورده شده است که نشان می دهد چگونه می توانید با استفاده از تگ اسکریپت و ویژگی src آن، یک فایل خارجی JavaScript در کد HTML خود بگنجانید.

 

 

برای استفاده از جاوا اسکریپت از یک منبع فایل خارجی، باید تمام کد منبع جاوا اسکریپت خود را در یک فایل متنی ساده با پسوند “.js” بنویسید و سپس همانطور که در بالا نشان داده شده است، آن فایل را وارد کنید.

به عنوان مثال، می توانید محتوای زیر را در فایل filename.js نگه دارید و سپس می توانید از تابع sayHello در فایل HTML خود پس از قرار دادن پرونده filename.js استفاده کنید.

 

منبع.

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

  1. آموزش جاوا اسکریپت
  2. نگاه کلی به آموزش جاوا اسکریپت 
  3. آموزش نحو در جاوا اسکریپت
  4. آموزش فعال کردن جاوا اسکریپت در مرورگرها
امتیاز دهید post
0
برچسب ها :
نویسنده مطلب saber

دیدگاه شما

بدون دیدگاه