HTML script/জাভাস্ক্রিপ্ট ব্যবহার
শুক্রবার, ১৯ জুলাই, ২০১৯
Comment
HTML কোন প্রোগ্রামিং ল্যাঙ্গুয়েজ নয়। তাই ওয়েব পেজেও প্রোগ্রামিং এর সুবিধা যুক্ত করার জন্য বিভিন্ন ধরনের স্ক্রিপ্টিং ল্যাঙ্গুয়েজ ব্যবহার করা হয়, যেমন জাভাস্ক্রিপ্ট, জে কোয়েরী ইত্যাদি। এর মাধ্যমে ওয়েব পেজে লোকাল টাইম প্রদর্শন, সময় দিন তারিখ প্রদর্শন, ব্রাউজার চিহ্নিত করা, সময় এবং ইভেন্ট এর উপর ভিত্তি করে ব্যবহারকারীকে কোন বিশেষ বার্তা প্রদর্শন করা সহ বিভিন্ন ধরণের আকর্ষণীয় এবং গুরুত্বপূর্ণ কাজ করা সম্ভব হয়।
জাভাস্ক্রিপ্ট, জে কোয়েরী ইত্যাদি স্ক্রিপ্ট যুক্ত করার জন্য HTML এ <script> </script> ট্যাগ ব্যবহার করা হয়।
এইচটিএমএল স্ক্রিপ্ট ট্যাগ
ট্যাগবর্ণনা
<script>ক্লায়েন্ট সাইড script সেট করে
<noscript>যে ব্রাউজারগুলো ক্লায়েন্ট-সাইড script সাপোর্ট করে না তাদের জন্য বিকল্প কন্টেন্ট নির্ধারণ করে
<script> ট্যাগ
ক্লায়েন্ট সাইড স্ক্রিপ্ট নির্ধারণ করার জন্য <script> ট্যাগ ব্যবহার করা হয়।
<script> এলিমেন্টটিতে জাভাস্ক্রিপ্ট স্টেটমেন্ট রাখা যায় অথবা src এট্রিবিউটের মাধ্যমে এক্সটার্নাল ফাইল থেকেও জাভাস্ক্রিপ্ট কোড ব্যবহার করতে পারি।
উদাহরণ প্রোগ্রাম:
<!DOCTYPE html>
<html>
<head>
<title>এইচটিএমএল উদাহরণ</title>
</head>
<body>
<p id="test"></p>
<script>
document.getElementById("test").innerHTML = "স্যাট একাডেমী !";
</script>
</body>
</html>
<noscript> ট্যাগ
যদি ব্রাউজারে স্ক্রিপ্ট সাপোর্ট না করে অথবা স্ক্রিপ্ট অকেজো করে রাখা হলে, <noscript> ট্যাগের মধ্যে রাখা কন্টেন্ট প্রদর্শিত হয়ঃ
উদাহরণ প্রোগ্রাম:
<!DOCTYPE html>
<html>
<head>
<title>এইচটিএমএল উদাহরণ</title>
</head>
<body>
<p id="test"></p>
<script>
document.getElementById("test").innerHTML = "স্যাট একাডেমী !";
</script>
<p>যে ব্রাউজার জাভাস্ক্রিপ্ট সমর্থন করে না সেখানে noscript এর মধ্যে লেখা টেক্সটগুলো দেখাবে।</p>
<noscript>দুঃখিত, আপনার ব্রাউজার জাভাস্ক্রিপ্ট সমর্থন করে না!</noscript>
</body>
</html>
বি:দ্র: Output দেখার জন্যে একটা নোটপ্যাড open করে উপরের উদাহরনের code টুকু লিখে file মেনু থেকে Save as এ ক্লিক করে File name: index.html , Save as type : All files, দিয়ে save করে index.html ফাইলটি যে কোন Browser দিয়ে open করুন।
জাভাস্ক্রিপ্ট, জে কোয়েরী ইত্যাদি স্ক্রিপ্ট যুক্ত করার জন্য HTML এ <script> </script> ট্যাগ ব্যবহার করা হয়।
এইচটিএমএল স্ক্রিপ্ট ট্যাগ
ট্যাগবর্ণনা
<script>ক্লায়েন্ট সাইড script সেট করে
<noscript>যে ব্রাউজারগুলো ক্লায়েন্ট-সাইড script সাপোর্ট করে না তাদের জন্য বিকল্প কন্টেন্ট নির্ধারণ করে
<script> ট্যাগ
ক্লায়েন্ট সাইড স্ক্রিপ্ট নির্ধারণ করার জন্য <script> ট্যাগ ব্যবহার করা হয়।
<script> এলিমেন্টটিতে জাভাস্ক্রিপ্ট স্টেটমেন্ট রাখা যায় অথবা src এট্রিবিউটের মাধ্যমে এক্সটার্নাল ফাইল থেকেও জাভাস্ক্রিপ্ট কোড ব্যবহার করতে পারি।
উদাহরণ প্রোগ্রাম:
<!DOCTYPE html>
<html>
<head>
<title>এইচটিএমএল উদাহরণ</title>
</head>
<body>
<p id="test"></p>
<script>
document.getElementById("test").innerHTML = "স্যাট একাডেমী !";
</script>
</body>
</html>
<noscript> ট্যাগ
যদি ব্রাউজারে স্ক্রিপ্ট সাপোর্ট না করে অথবা স্ক্রিপ্ট অকেজো করে রাখা হলে, <noscript> ট্যাগের মধ্যে রাখা কন্টেন্ট প্রদর্শিত হয়ঃ
উদাহরণ প্রোগ্রাম:
<!DOCTYPE html>
<html>
<head>
<title>এইচটিএমএল উদাহরণ</title>
</head>
<body>
<p id="test"></p>
<script>
document.getElementById("test").innerHTML = "স্যাট একাডেমী !";
</script>
<p>যে ব্রাউজার জাভাস্ক্রিপ্ট সমর্থন করে না সেখানে noscript এর মধ্যে লেখা টেক্সটগুলো দেখাবে।</p>
<noscript>দুঃখিত, আপনার ব্রাউজার জাভাস্ক্রিপ্ট সমর্থন করে না!</noscript>
</body>
</html>
বি:দ্র: Output দেখার জন্যে একটা নোটপ্যাড open করে উপরের উদাহরনের code টুকু লিখে file মেনু থেকে Save as এ ক্লিক করে File name: index.html , Save as type : All files, দিয়ে save করে index.html ফাইলটি যে কোন Browser দিয়ে open করুন।
☞ এই পোষ্ট সম্পর্কে যদি আপনার কোন প্রশ্ন☞জিজ্ঞাসা☞সমস্যা☞তথ্য জানার থাকে তাহলে আপনি☞কমেন্ট করলে আপনাকে আমরা প্রয়োজনীয় তথ্য দিয়ে সাহায্য করার চেষ্টা করব☞☞☞ "HTML script/জাভাস্ক্রিপ্ট ব্যবহার"
একটি মন্তব্য পোস্ট করুন