এইচটিএমএল এর সাথে ক্লায়েন্ট সাইড স্ক্রিপ্ট যেমন - জাভাস্ক্রিপ্ট, যেকোয়েরি ইত্যাদি ব্যবহার করে ওয়েব পেজ কে আরও ডায়নামিক ও ইন্টারএকটিভ করে তোলা যায়।
কোন ক্লায়েন্ট-সাইড স্ক্রিপ্ট (যেমন জাভাস্ক্রিপ্ট) সংজ্ঞায়িত বা define করতে <script> ট্যাগ ব্যবহার করা হয়। <script> এলিমেন্টটিতে জাভাস্ক্রিপ্ট স্টেটমেন্ট রাখা যায় বা src অ্যাট্রিবিউট ব্যাবহার করে বহিঃস্থ কোন জাভাস্ক্রিপ্ট ফাইল ব্যবহার করা যায়।
জাভাস্ক্রিপ্টের প্রচলিত ব্যবহারগুলো সাধারণত হল ছবির পরিবরতন, ফর্ম যাচাইকরণ এবং কন্টেন্টের গতিশীল পরিবর্তন। কোন HTML এলিমেন্ট নির্বাচন করতে, জাভাস্ক্রিপ্ট প্রায়ই .getElementById () পদ্ধতি করে।
নিচে একটি উদাহরণ দেখুন, যেখানে "demo" আইডি যুক্ত একটি এইচটিএমএল এলিমেন্টের ভেতরে "Hello WebsSchool" প্রদর্শিতও হয়।
<script> document.getElementById("demo").innerHTML = "Hello JavaScript!"; </script>
ওয়েব পেজে এইচটিএমএল এর সাথে ক্লায়েন্ট সাইড স্ক্রিপ্ট যেমন - জাভাস্ক্রিপ্ট, যেকোয়েরি ইত্যাদি ব্যবহার করার জন্য <script> ... </script> ট্যাগ ব্যবহার করা হয়। ওয়েব পেজে ৪ভাবে স্ক্রিপ্ট ব্যবহার করা যায়। এগুলো হল নিম্নরূপ -
হেড সেকশনে <script> ট্যাগের মাধ্যমে জাভাস্ক্রিপ্ট ব্যবহার করা যায়। নিচে এর একটি উদাহরণ দেখুন -
<head> <script type="text/javascript"/> javascript code goes hare ... </script> </head>
বডী সেকশনে <script> ট্যাগের মাধ্যমে জাভাস্ক্রিপ্ট ব্যবহার করা যায়। নিচে এর একটি উদাহরণ দেখুন -
<body> <script type="text/javascript"/> javascript code goes hare ... </script> </body>
হেড ও বডী উভয় সেকশনে <script> ট্যাগের মাধ্যমে জাভাস্ক্রিপ্ট ব্যবহার করা যায়। নিচে এর একটি উদাহরণ দেখুন -
<html> <head> <script type="text/javascript"> javascript code goes hare ... </script> </head> <body> <script type="text/javascript"> javascript code goes hare ... </script> </body> </html>
এক্সটারনাল স্ক্রিপ্ট লিঙ্ক করে <script> ট্যাগের মাধ্যমে জাভাস্ক্রিপ্ট ব্যবহার করা যায়। নিচে এর একটি উদাহরণ দেখুন -
<head> <script src="js-file.js" type="text/javascript" /></script> </head>
ব্রাউজারে যদি স্ক্রিপ্ট সমর্থন বা support না করে বা স্ক্রিপ্ট অকেজো করে রাখা হয়, তখন <noscript> ট্যাগের মধ্যে রাখা কন্টেন্টগুলো ওয়েব পেজে প্রদর্শিত হয়। নিচে এর একটি উদাহরণ দেখুন।
<script> document.getElementById("demo").innerHTML = "Hello JavaScript!"; </script> <noscript>Sorry, your browser does not support JavaScript!</noscript>
ট্যাগ | বর্ণনা |
---|---|
<script< | <script< এলিমেন্টের মাধ্যমে ডকুমেন্টের সাথে জাভাস্ক্রিপ্ট যুক্ত করা হয় এবং ওয়েব পেজে লেখা যায় হয় |
<noscript> | <noscript> এলিমেন্টের মাধ্যমে যেসকল ব্রাউজারে জাভস্ক্রিপ্ট সাপোর্ট করে না তাদের জন্য কোন লেখা বা বার্তা দেয়া হয়। |