طراحی سایت , javascript , کجا؟

جاوا اسکریپت در قسمت بدنه <body> در زمان لود صفحه سایت طراحی شده اجرا میشود.
جاوا اسکریپت در قسمت عنوان<head> زمانی اجرا میشود که فراخوانی شود.

جاوا اسکریپت را کجا قرار بدهیم

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

اسکریپت در قسمت عنوان <head>

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

<html>
<head>
     <script type="text/javascript">
         ...
     </script>
</head>

<body>
</body>
</html>

اسکریپت در قسمت بدنه <body>

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

<html>

<head>
</head>

<body>
     <script type="text/javascript">
          ...
     </script>
</body>

</html>

اسکریپت در هر دو قسمت بدنه و عنوان

شما می توانید تعداد نا محدودی از اسکریپتها را در متن خودتان قرار بدهید ؛ بنابراین شما می توانید اسکریپت را در هر دو قسمت عنوان و بدنه داشته باشید

<html>
<head>
     <script type="text/javascript">
         ...
     </script>
</head>

<body>
     <script type="text/javascript">
         ...
     </script>
</body>
</html>

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

گاهی اوقات ممکن است که شما بخواهید یک جاوا اسکریپت را در چندین صفحه اجرا کنید بدون اینکه مجبور باشید یک اسکریپت یکسان بر روی هر صفحه بنویسید.
برای ساده کردن ، شما می توانید یک جاوا اسکریپت را در یک فایل خارجی بنویسید . فایل خارجی جاوا اسکریپت را با عنوان یک فایل با پسوند .js ذخیره کنید .
توجه : اسکریپت خارجی نمی تواند شامل تگ <script> باشد .
برای استفاده از اسکریپت خارجی در فایل .js  داخل تگ <script> از صفت “src” بهره ببرید.

<html>
<head>

     <script type="text/script" src="xyz.js"> <script>

</head>

<body>
</body>

</html>

توجه : به یاد داشته باشید که اسکریپت را دقیقا جایی قرار دهید که اصولا باید در آنجا آن را مینوشتید.

مترجم: فاطمه سیفی

شما ممکن است این را هم بپسندید

پاسخ دهید

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