HTML <script> ট্যাগ আপনার HTML ডকুমেন্টের ভিতরে স্ক্রিপ্ট ঘোষণা করতে ব্যবহৃত হয়। এর মাধ্যমে আপনি ক্লায়েন্ট-সাইড জাভাস্ক্রিপ্ট সংজ্ঞায়িত করতে পারেন। কিন্তু, আপনি যদি HTML পৃষ্ঠার ভিতরে এক্সটার্নাল জাভাস্ক্রিপ্ট যোগ করতে চান? খুব সহজে <script> ট্যাগের src অ্যাট্রিবিউট ব্যবহার করে এটি করা যায়।
<script> ট্যাগের অ্যাট্রিবিউটগুলো হল:
| অ্যাট্রিবিউট | মান | বিবরণ |
|---|---|---|
| async | async | স্ক্রিপ্টটি অ্যাসিঙ্ক্রোনাসভাবে এক্সিকিউট হবে বলে নির্দেশ করে। |
| charset | charset | স্ক্রিপ্ট যে ক্যারেক্টার এনকোডিং ব্যবহার করে তা সংজ্ঞায়িত করে। |
| defer | defer | ঘোষণা করে যে স্ক্রিপ্ট কোনো কন্টেন্ট জেনারেট করবে না। তাই ব্রাউজার পৃষ্ঠার বাকি অংশ পার্স এবং রেন্ডার করতে পারে। |
| src | URL | এক্সটার্নাল স্ক্রিপ্টের URI/URL নির্দিষ্ট করে। |
| type | text/JavaScript application/ecmascript application/JavaScript text/vbscript | স্ক্রিপ্টিং ল্যাঙ্গুয়েজকে কন্টেন্ট-টাইপ (MIME টাইপ) হিসেবে নির্দিষ্ট করে। |
এक्सটার্নাল জাভাস্ক্রিপ্ট ফাইল যোগ করতে src অ্যাট্রিবিউট ব্যবহার করব:
প্রথমে HTML ফাইলটি দেখি, যা এক্সটার্নাল ফাইল সোর্সের src অন্তর্ভুক্ত করবে।
উদাহরণ
HTML-এ এক্সটার্নাল JS অন্তর্ভুক্ত করতে নিচের কোডটি চালান। HTML ফাইলটি এখানে, myscript.js ফাইলের src সহ।
<!DOCTYPE html> <html> <body> <h2>Alert Button</h2> <p> <External JavaScript file is myscript.js/p> <button type="button" onclick="sayHello()">Click</button> <script src="myscript.js"></script> </body> </html>
এক্সটার্নাল ফাইল সোর্স থেকে জাভাস্ক্রিপ্ট ব্যবহার করতে, আপনাকে আপনার সকল জাভাস্ক্রিপ্ট সোর্স কোড একটি সাধারণ টেক্সট ফাইলে ".js" এক্সটেনশন সহ লিখতে হবে এবং তারপর ওই ফাইলটিকে উপরের কাঠামোর মতো অন্তর্ভুক্ত করতে হবে অর্থাৎ <script src="myscript.js"></script>। myscript.js ফাইলে নিচের কন্টেন্ট রাখুন:
function sayHello() { alert("Hello World") }