Rasel khan web programming

বুধবার, ২ মে, ২০১২

জাভাস্ক্রিপ্ট কোড কোথায় থাকবে (Where To place Javascript Code)


জাভাস্ক্রিপ্ট কোড কোথায় থাকবে (Where To place Javascript Code)

লেখক রাসেল খান  
তিনটি সাধারন অবস্থান রয়েছে যেখানে জাভাস্ক্রিপ্ট কোডকে রাখা যায়
   head ট্যাগ এর ভিতরে
body ট্যাগ এর মধ্যে
৩ বহিঃস্থ (external) file  হিসাবে
head or body এর অবস্থান পছন্দ করা খুব সাধারনযদি আপনি চান জাভাস্ক্রিপ্ট কে কিছু event (যেমন যখন কোন ব্যবহারকারী কোন স্থানে ক্লিক করবে, event সম্বন্ধে আলোচনা করা হয়েছে) এর উপর রান করাবেন সেক্ষেত্রে আপনি জাভাস্ক্রিপ্ট কে head ট্যাগ এ রাখতে পারেন
আবার যদি আপনি জাভাস্ক্রিপ্ট কে রান করাতে চান যখন পেজ লোড হবে (পুর্ববতি অধ্যায়ের "Hello World!" উদাহরনের মত),সেক্ষেত্রে আপনি জাভাস্ক্রিপ্ট কে body ট্যাগ এর মধ্যে রাখতে পারেন
বহিঃস্থ (External) জাভাস্ক্রিপ্ট ফাইল এবং তাদের ব্যবহার পরবর্তি অধ্যায়ে আলোচনা করা হয়েছে

Head Script এর উদাহরন:

যেহেতু আমরা দেখেছি যে এক প্রকারের Script যা body tag এর মধ্যে লেখা যায়  আমরা কিছু Script লিখবো যার মাধ্যমে কিছু event সংঘটিত হবে যেমন ব্যবহারকারী যখন বাটনে ক্লিক করবে তখন alert box দেখাবে
01.<html>
02.<head>
03.<script type="text/JavaScript">
04.<!--
05.function popup() {
06.alert("Hello World")
07.}
08.//-->
09.</script>
10.</head>
11.<body>
12.<input type="button" onclick="popup()" value="popup">
13.</body>
14.</html>
popupপ্রদর্শন:  
আমরা একটা ফাংশন তৈরী করেছি যার নাম পপআপ এবং এটাকে এইচটিএমএল ডকুমেন্ট এর head ট্যাগ এ রেখেছি এখন আমরা যতবারই বাটনে ক্লিক করবো ততবারই "Hello World!" নামের alert box দেখাবেপরবর্তি অধ্যায়গুলিতে ফাংশন এবং event সম্বন্ধে বিস্তারিত আলোচনা করা হয়েছে

কোন মন্তব্য নেই:

একটি মন্তব্য পোস্ট করুন