একটি এইচটিএমএল পেজে বা ওয়েবপেজে তিনটি জায়গায় জাভাস্ক্রিপ্টের কোড লিখে ব্রাউজারে দেখতে পারি । ঠিক সিএসএস এর মত - ইন্টারনাল , ইনলাইন ও এক্সটারনাল।
<body> ট্যাগের মধ্যে যেখানে </body> ট্যাগ শেষ হয়েছে সেখানে জাভাস্ক্রিপ্ট এঁর কোড লিখতে পারি <script> .......</script> ট্যাগ দ্বারা । অর্থাৎ একই এইচটিএমএল ফাইলের মধ্যে ।
ইনলাইনের অনুরুপ এটি <head> ট্যাগের ভিতরে লিখতে হবে । <head> ট্যাগের ভিতরে <script> ট্যাগ শুরু করে তার পর </script> ট্যাগ শেষ করতে হবে । এই <script> .......</script> ট্যাগ শুরু ও শেষ ট্যাগের ভিতরে জাভাস্ক্রিপ্টের কোড লেখা হয় ।
নোট : <head> ট্যাগের ভিতরে এই কোড লেখার সঠিক পদ্ধতি নয় । কারণ <head> ট্যাগের ভিতরে যখন কোড লিখবেন সেই কোডের সাইজ যদি বড় হয় বা কোডটি যদি জটিল হয় তাহলে ওয়েব পেজটির লোডিং সময় বেশি লাগবে অর্থাৎ ওয়েব পেজটির গ্রতি কমে যাবে । জাভাস্ক্রিপ্টের কোডটি হেডিং সেক্সানে থাকার কারনে পেজ লোডিং এর সময় আগে জাভাস্ক্রিপ্ট এর কোডটি ব্রাউজারে রান হওয়ার চেষ্টা করবে তার পর এইচটিএমএল ও সিএসএস কোড রান হবে ।
এই হেবি বা জটিল কোডটি <body> সেক্সানে নিচের দিকে রাখা হলে পেজ লোডিং এর সময় আগে এইচটিএমএল ও সিএসএস রান হবে তার পর সর্বশেষে স্ক্রিপ্ট কোডটি রান হবে । এর ফলে পেজ লোডিং নিয়ে কোন সমস্যা হবে না ।
যদি স্ক্রিপ্ট কোডটি হাল্কা বা কম লেখা হয় তাহলে <head>সেক্সানে রাখতে পারেন ।
এক্সটারনাল এর অর্থ কোড গুলো বাইরে অন্য একটি ফাইলে রাখা হবে । তার পর সেই ফাইলটিকে HTML ফাইলের মধ্যে লিঙ্ক বা যুক্ত করে দেওয়া হবে ।
নোট : জাভাস্ক্রিপ্টের এক্সটারনাল ফাইলটিকে save করার সময় নাম লেখার পর .js লিখতে হবে । .js হল জাভাস্ক্রিপ্টের এক্সটেনশান নাম । যদি .js দিয়ে না সেভ করা হয় ফাইলটিকে , তাহলে ওর ভিতরে লেখা কোড গুলো কোন কাজ করবে না । এর অর্থ ব্রাউজার চিনতে পারবে না ।
যেমন html ফাইল save করার সময় আমরা .html লিখে থাকি ।HTML ফাইলের মধ্যে জাভাস্ক্রিপ্ট এর এক্সটারনাল ফাইলকে দুই জায়গায় লিঙ্ক বা যুক্ত করা হয় । একটি <head> সেক্সানে আর অপরটি <body> সেক্সানের শেষে । নিচের লাইনটি দ্বারা -
নোট : মনে রাখবেন html ফাইল ও জাভাস্ক্রিপ্ট ফাইল একই ফোল্ডার এর ভিতরে রাখতে হবে ।