SNDP BAG 4 YOU
কম্পিউটার প্রোগ্রামিং শিখুন


জাভাস্ক্রিপ্ট লেখার পদ্ধতি

একটি এইচটিএমএল পেজে বা ওয়েবপেজে তিনটি জায়গায় জাভাস্ক্রিপ্টের কোড লিখে ব্রাউজারে দেখতে পারি । ঠিক সিএসএস এর মত - ইন্টারনাল , ইনলাইন ও এক্সটারনাল

ইনলাইন প্রয়োগ :

<body> ট্যাগের মধ্যে যেখানে </body> ট্যাগ শেষ হয়েছে সেখানে জাভাস্ক্রিপ্ট এঁর কোড লিখতে পারি <script> .......</script> ট্যাগ দ্বারা । অর্থাৎ একই এইচটিএমএল ফাইলের মধ্যে ।

javascript Tutorial

প্যেক্টিস কোড :

ইন্টারনাল প্রয়োগ :

ইনলাইনের অনুরুপ এটি <head> ট্যাগের ভিতরে লিখতে হবে । <head> ট্যাগের ভিতরে <script> ট্যাগ শুরু করে তার পর </script> ট্যাগ শেষ করতে হবে । এই <script> .......</script> ট্যাগ শুরু ও শেষ ট্যাগের ভিতরে জাভাস্ক্রিপ্টের কোড লেখা হয় ।

internal javascript

প্যেক্টিস কোড :


নোট : <head> ট্যাগের ভিতরে এই কোড লেখার সঠিক পদ্ধতি নয় । কারণ <head> ট্যাগের ভিতরে যখন কোড লিখবেন সেই কোডের সাইজ যদি বড় হয় বা কোডটি যদি জটিল হয় তাহলে ওয়েব পেজটির লোডিং সময় বেশি লাগবে অর্থাৎ ওয়েব পেজটির গ্রতি কমে যাবে । জাভাস্ক্রিপ্টের কোডটি হেডিং সেক্সানে থাকার কারনে পেজ লোডিং এর সময় আগে জাভাস্ক্রিপ্ট এর কোডটি ব্রাউজারে রান হওয়ার চেষ্টা করবে তার পর এইচটিএমএল সিএসএস কোড রান হবে ।

এই হেবি বা জটিল কোডটি <body> সেক্সানে নিচের দিকে রাখা হলে পেজ লোডিং এর সময় আগে এইচটিএমএল ও সিএসএস রান হবে তার পর সর্বশেষে স্ক্রিপ্ট কোডটি রান হবে । এর ফলে পেজ লোডিং নিয়ে কোন সমস্যা হবে না ।

যদি স্ক্রিপ্ট কোডটি হাল্কা বা কম লেখা হয় তাহলে <head>সেক্সানে রাখতে পারেন ।

এক্সটারনাল প্রয়োগ :

এক্সটারনাল এর অর্থ কোড গুলো বাইরে অন্য একটি ফাইলে রাখা হবে । তার পর সেই ফাইলটিকে HTML ফাইলের মধ্যে লিঙ্ক বা যুক্ত করে দেওয়া হবে ।

javascript Tutorial

নোট : জাভাস্ক্রিপ্টের এক্সটারনাল ফাইলটিকে save করার সময় নাম লেখার পর .js লিখতে হবে । .js হল জাভাস্ক্রিপ্টের এক্সটেনশান নাম । যদি .js দিয়ে না সেভ করা হয় ফাইলটিকে , তাহলে ওর ভিতরে লেখা কোড গুলো কোন কাজ করবে না । এর অর্থ ব্রাউজার চিনতে পারবে না ।

যেমন html ফাইল save করার সময় আমরা .html লিখে থাকি ।

HTML ফাইলের মধ্যে জাভাস্ক্রিপ্ট এর এক্সটারনাল ফাইলকে দুই জায়গায় লিঙ্ক বা যুক্ত করা হয় । একটি <head> সেক্সানে আর অপরটি <body> সেক্সানের শেষে । নিচের লাইনটি দ্বারা -

নোট : মনে রাখবেন html ফাইল ও জাভাস্ক্রিপ্ট ফাইল একই ফোল্ডার এর ভিতরে রাখতে হবে ।



JavaScript প্রয়োগ