জাভাস্ক্রিপ্ট ব্যবহার পদ্ধতি



কোন ওয়েব পেজে এইচটিএমএল কোডের মাঝে বিভিন্ন ভাবে জাভাস্ক্রিপ্ট ব্যবহার করা যায়। এইচটিএমএল কোডে ৪ ভাবে জাভাস্ক্রিপ্ট ব্যবহার করা যায়। যথা -
১) <head> ট্যাগের মাঝে,
২) <body> ট্যাগের মাঝে,
৩) <body> ও <head> সেকশনে এবং
৪) এক্সটারনাল ফাইল হিসেবে।
নিচে এগুলোর বর্ণনা দেখুন।


<head> ট্যাগের মাঝে

ফাংশন ও গুরুত্বপূর্ণ স্ক্রিপ্ট সমূহ, যার ওপর অন্য স্ক্রিপ্ট সমূহ নির্ভর করে সেগুলো হেড সেকশনেই রাখা ভালো। যদি আপনি চান জাভাস্ক্রিপ্টকে কিছু ইভেন্ট এর ওপর রান করাবেন সেক্ষেত্রে আপনি জাভাস্ক্রিপ্টকে হেড সেকশনে রাখতে পারেন। নিচে একটি উদাহরণ দেখুন যেখানে ইউজার যখন বাটনে ক্লিক করবে তখন একটি alert box দেখাবে।

উদাহরণ দেখুন

<html>
<head>
<script type="text/javascript">
<!--function sayHello() {
alert("Hello World")
}
//-->
</script>
</head>
<body>
<input type="button" onclick="sayHello()" value="Say Hello" />
</body>
</html>



এখানে আমরা একটা ফাংশন তৈরি করেছি যার নাম sayHellow এবং এটাকে এইচটিএমএল ডকুমেন্টের হেড সেকশনে রেখেছি।


<body> ট্যাগের মাঝে

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

উদাহরণ দেখুন

<html>
<head>
</head>
<body>
<script type="text/javascript">
<!--document.write("Hello World")
//-->
</script>
<p>This is web page body </p>
</body>
</html>




<body> ও <head> সেকশনে

আপনি একই সাথে হেড ও বডী উভয় সেকশনেই জাভাস্ক্রিপ্ট কোড রাখতে পারেন। নিচে একটি উদাহরণ দেখুন যেখানে একই সাথে হেড ও বডী উভয় সেকশনেই জাভাস্ক্রিপ্ট কোড রাখা হয়েছে।

উদাহরণ দেখুন

<html>
<head>
<script type="text/javascript">
<!--function sayHello() {
alert("Hello World")
}
//-->
</script>
</head>
<body>
<script type="text/javascript">
<!--document.write("Hello World")
//-->
</script>
<input type="button" onclick="sayHello()" value="Say Hello" />
</body>
</html>




এক্সটারনাল ফাইল হিসেবে

একই জাভাস্ক্রিপ্ট কোড বিভিন্ন ওয়েব পেজে বা কোডের পরিমান খুব বেশি হলে এক্সটারনাল জাভাস্ক্রিপ্ট ব্যবহার করা হয়। হেড ও বডী উভয় সেকশনেই এক্সটারনাল জাভাস্ক্রিপ্ট ব্যবহার করা যায়। প্রথমে জাভাস্ক্রিপ্ট কোডগুলো একটি কোড এডিটরে লিখতে হবে যেখানে <script> এবং <script> ট্যাগ থাকবে না শুধুমাত্র জাভাস্ক্রিপ্ট কোডগুলো থাকবে। যেমন -
function sayHello() {
alert("Hello Visitor")

এর পর ফাইলটিকে ".js" এক্সটেনশন দিয়ে সেভ করতে হবে। মনে করি ফাইলটিকে "filename.js" নাম দিয়ে সেভ করা হল। এরপর একটি এইচটিএমএল কোড লিখতে হবে এবং এখানে <script> ট্যাগের src এট্রিবিউট ব্যবহার করে এইচটিএমএল কোডের সাথে ফাইলটিকে লিংক করে দিতে হবে।

উদাহরণ দেখুন

<html>
<head>
<script type="text/javascript" src="filename.js" ></script>
</head>
<body>
.......
</body>
</html>









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

Report or suggest about this page

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