এইচটিএমএল জাভাস্ক্রিপ্ট - HTML JavaScript



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


<script> ট্যাগ

কোন ক্লায়েন্ট-সাইড স্ক্রিপ্ট (যেমন জাভাস্ক্রিপ্ট) সংজ্ঞায়িত বা define করতে <script> ট্যাগ ব্যবহার করা হয়। <script> এলিমেন্টটিতে জাভাস্ক্রিপ্ট স্টেটমেন্ট রাখা যায় অথবা src এট্রিবিউটের src অ্যাট্রিবিউটের মাধ্যমে বহিঃস্থ কোন স্ক্রিপ্ট ফাইল ব্যবহার করা যায়।

জাভাস্ক্রিপ্টের প্রচলিত ব্যবহারগুলো সাধারণত হল ছবির পরিবরতন, ফর্ম যাচাইকরণ এবং কন্টেন্টের গতিশীল পরিবর্তন। কোন HTML এলিমেন্ট নির্বাচন করতে, জাভাস্ক্রিপ্ট প্রায়ই .getElementById () পদ্ধতি করে।

নিচে একটি উদাহরণ দেখুন, যেখানে "demo" আইডি যুক্ত একটি এইচটিএমএল এলিমেন্টের ভেতরে "Hello WebsSchool" প্রদর্শিতও হয়।

উদাহরণ

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>




<script> ট্যাগ ব্যবহার পদ্ধতি

ওয়েব পেজে এইচটিএমএল এর সাথে ক্লায়েন্ট সাইড স্ক্রিপ্ট যেমন - জাভাস্ক্রিপ্ট, যেকোয়েরি ইত্যাদি ব্যবহার করার জন্য <script>...</script>ট্যাগ ব্যবহার করা হয়। ওয়েব পেজে ৪ভাবে স্ক্রিপ্ট ব্যবহার করা যায়। এগুলো হল নিম্নরূপ -

হেড সেকশনএ <script> ট্যাগ ব্যবহার করে,
বডী সেকশনএ <script> ট্যাগ ব্যবহার করে,
হেড ও বডী উভয় সেকশনএ <script> ট্যাগ ব্যবহার করে এবং
src এট্রিবিউট এর সাহায্যে ওয়েব পেজে এক্সটারনাল স্ক্রিপ্ট লিঙ্ক করে।


হেড সেকশনএ <script> ট্যাগের ব্যবহার

হেড সেকশনে <script> ট্যাগের মাধ্যমে জাভাস্ক্রিপ্ট ব্যবহার করা যায়। নিচে এর একটি উদাহরণ দেখুন -

উদাহরণ দেখুন

<head>
<script type="text/javascript"/>
javascript code goes hare...
</script>
</head>




বডী সেকশনে <script> ট্যাগের ব্যবহার

বডী সেকশনে <script> ট্যাগের মাধ্যমে জাভাস্ক্রিপ্ট ব্যবহার করা যায়। নিচে এর একটি উদাহরণ দেখুন -

উদাহরণ দেখুন

<body>
<script type="text/javascript"/>
javascript code goes hare...
</script>
</body>




হেড ও বডী উভয় সেকশনে <script> ট্যাগ ব্যবহার

হেড ও বডী উভয় সেকশনে <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>




<noscript> ট্যাগ

ব্রাউজারে যদি স্ক্রিপ্ট সমর্থন বা support না করে অথবা স্ক্রিপ্ট অকেজো করে রাখা হয়, তখন <noscript> ট্যাগের মধ্যে রাখা কন্টেন্ট প্রদর্শিত হয়। নিচে একটি উদাহরণ দেখুন।

উদাহরণ

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

<noscript>Sorry, your browser does not support JavaScript!</noscript>




এইচটিএমএল স্ক্রিপ্ট ট্যাগ

ট্যাগ বর্ণনা
<script< <script< এলিমেন্টের মাধ্যমে ডকুমেন্টের জাভাস্ক্রিপ্ট ডিফাইন করা হয়
<noscript> <noscript> এলিমেন্টের মাধ্যমে যেসকল ব্রাউজারে জাভস্ক্রিপ্ট সাপোর্ট করে না তাদের জন্য কন্টেন্ট ডিফাইন করা হয়







এই ওয়েব সাইট এর সমস্ত টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদি খুব সহজ ও সাধারণ ভাবে তৈরি করা হয়েছে। টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদির ভুল পরিহার করার জন্য বার বার যাচাই করা হয়েছে, কিন্তু আমরা এর পূর্ণ নিশ্চয়তা ও দায়ভার বহন করি না। যখন আপনি এই সাইটটি ব্যবহার করেন, আমরা ধরে নেই যে আপনি পড়েছেন এবং সম্মত আছেন আমাদের টার্মস অফ ইউস (Terms of use) এবং প্রাইভেসি পলিসি( Privacy policy) সম্পর্কে।

Copyright 2016-2018 by websschool.com, All Rights Reserved.