জাভাস্ক্রিপ্ট লেখার পদ্ধতি
একটি HTML পেজে বা ওয়েবপেজে তিনটি জায়গায় জাভাস্ক্রিপ্টের কোড লিখে ব্রাউজারে দেখতে পারি । ঠিক সিএসএস এর মত - ইন্টারনাল , ইনলাইন ও এক্সটারনাল।
ইনলাইন প্রয়োগ :
<body> ট্যাগের মধ্যে যেখানে </body> ট্যাগ শেষ হয়েছে সেখানে জাভাস্ক্রিপ্ট এঁর কোড লিখতে পারি <script> .......</script> ট্যাগ দ্বারা । অর্থাৎ একই এইচটিএমএল ফাইলের মধ্যে ।
প্যেক্টিস কোড :
<html>
<head>
</head>
<body>
<script>
document.write("Hi Friens");
</script>
</body>
</html>
ইন্টারনাল প্রয়োগ :
ইনলাইনের অনুরুপ এটি <head> ট্যাগের ভিতরে লিখতে হবে । <head> ট্যাগের ভিতরে <script> ট্যাগ শুরু করে তার পর </script> ট্যাগ শেষ করতে হবে । এই <script> .......</script> ট্যাগ শুরু ও শেষ ট্যাগের ভিতরে জাভাস্ক্রিপ্টের কোড লেখা হয় ।
প্যেক্টিস কোড :
<html>
<head>
<script>
document.write("Hi Friens");
</script>
</head>
<body>
</body>
</html>
নোট : <head> ট্যাগের ভিতরে এই কোড লেখার সঠিক পদ্ধতি নয় । কারণ <head> ট্যাগের ভিতরে যখন কোড লিখবেন সেই কোডের সাইজ যদি বড় হয় বা কোডটি যদি জটিল হয় তাহলে ওয়েব পেজটির লোডিং সময় বেশি লাগবে অর্থাৎ ওয়েব পেজটির গ্রতি কমে যাবে । জাভাস্ক্রিপ্টের কোডটি হেডিং সেক্সানে থাকার কারনে পেজ লোডিং এর সময় আগে জাভাস্ক্রিপ্ট এর কোডটি ব্রাউজারে রান হওয়ার চেষ্টা করবে তার পর এইচটিএমএল ও সিএসএস কোড রান হবে ।
এই হেবি বা জটিল কোডটি <body> সেক্সানে নিচের দিকে রাখা হলে পেজ লোডিং এর সময় আগে এইচটিএমএল ও সিএসএস রান হবে তার পর সর্বশেষে স্ক্রিপ্ট কোডটি রান হবে । এর ফলে পেজ লোডিং নিয়ে কোন সমস্যা হবে না ।
যদি স্ক্রিপ্ট কোডটি হাল্কা বা কম লেখা হয় তাহলে <head>সেক্সানে রাখতে পারেন ।
এক্সটারনাল প্রয়োগ :
এক্সটারনাল এর অর্থ কোড গুলো বাইরে অন্য একটি ফাইলে রাখা হবে । তার পর সেই ফাইলটিকে HTML ফাইলের মধ্যে লিঙ্ক বা যুক্ত করে দেওয়া হবে ।
নোট : জাভাস্ক্রিপ্টের এক্সটারনাল ফাইলটিকে save করার সময় নাম লেখার পর .js লিখতে হবে । .js হল জাভাস্ক্রিপ্টের এক্সটেনশান নাম । যদি .js দিয়ে না সেভ করা হয় ফাইলটিকে , তাহলে ওর ভিতরে লেখা কোড গুলো কোন কাজ করবে না । এর অর্থ ব্রাউজার চিনতে পারবে না ।
যেমন html ফাইল save করার সময় আমরা .html লিখে থাকি ।
HTML ফাইলের মধ্যে জাভাস্ক্রিপ্ট এর এক্সটারনাল ফাইলকে দুই জায়গায় লিঙ্ক বা যুক্ত করা হয় । একটি <head> সেক্সানে আর অপরটি <body> সেক্সানের শেষে । নিচের লাইনটি দ্বারা -
<script src="name.js"></script>
নোট : মনে রাখবেন html ফাইল ও জাভাস্ক্রিপ্ট ফাইল একই ফোল্ডার এর ভিতরে রাখতে হবে ।
Share this article
Sandipan Kr Bag
I'm a dedicated full-stack developer, entrepreneur, and the proud owner of ocec.org.in , hailing from the vibrant country of India. My passion lies in creating informative tutorials and sharing valuable tips that empower fellow artisans in their journey. With a deep-rooted love for technology, I've been an ardent enthusiast of PHP, Laravel, Angular, Vue, Node, JavaScript, jQuery, Codeigniter, and Bootstrap from their earliest days. My philosophy revolves around the values of hard work and unwavering consistency, driving me to continuously explore, create, and share my knowledge with the tech community.
*Hire Me
Related Posts
Step-by-Step Guide a Dynamic Image Slider with HTML, CSS, and JavaScript
Make a Secure Laravel Login System for Admins and Users: A Step-by-Step Guide
0 Comments
Load more Comments
Post a Comment
About me
i am sandipan kumar bag
Latest Posts
Arithmetic operators in java
2 weeks ago
List of all the operators in Java
2 weeks ago
20 Employee Data for Practice in a Relational Database Management System (RDBMS)
3 weeks ago
helllo