এইচটিএমএল <script> ট্যাগ
<script> ট্যাগের ব্রাউজার সাপোর্ট
| এলিমেন্ট | Google Chrome | Edge/IE | Mozila Firefox | Safari | Opera |
|---|---|---|---|---|---|
<script> |
সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন |
সংজ্ঞা ও ব্যবহার
এইচটিএমএল ডকুমেন্টের মধ্যে স্ক্রিপ্ট(জাভাস্ক্রিপ্ট) ডিক্লেয়ার করার জন্য <script> ট্যাগটি ব্যবহার করা হয়।
এক্ষেত্রে হয় <script> এলিমেন্টটি স্ক্রিপ্ট স্ট্যাটমেন্ট ধারন করে অথবা src এট্রিবিউট এর মাধ্যমে একটি এক্সটার্নাল ফাইল এর সাথে যুক্ত করে দেয়।
জাভাস্ক্রিপ্টের সাধারণ ব্যবহার গুলোর মধ্যে রয়েছে ইমেজ ম্যানিপুলেশন, ফর্ম-ভ্যালিডেশন, কন্টেন্টকে ডায়নামিক করা ইত্যাদি।
জাভাস্ক্রিপ্ট শেখার জন্য আমাদের জাভাস্ক্রিপ্ট টিউটোরিয়ালটি পড়ুন।
নিচের উদাহরণে <script> ট্যাগের ব্যবহার দেখানো হলোঃ
উদাহরণ
<!DOCTYPE html>
<html>
<body>
<script type="text/javascript">
document.write("আপনি আমাদের এইচটিএমএল টিউটোরিয়ালটি পড়ছেন!");
</script>
</body>
</html>
ফলাফল
টীকা ও মন্তব্যঃ
যদি src এট্রিবিউট থাকে তাহলে <script> এলিমেন্টটি অবশ্যই খালি থাকবে।
যেসকল ব্যবহারকারী ব্রাউজারে স্ক্রিপ্ট ডিজবল করে রাখে অথবা যদি ব্যাবহারকারীর ব্রাউজারে ক্লাইন্ড-সাইড স্ক্রিপ্ট সাপোর্ট না করে তাহলে <noscript> ট্যাগের মধ্যে থাকা লেখাটূকু ব্রাউজারে দেখাবে।
এট্রিবিউট
নিচের টেবিলে <script> ট্যাগের এট্রিবিউট, এট্রিবিউটের ভ্যালু এবং তাদের ব্যবহার তুলে ধরা হলোঃ
| এট্রিবিউট | ভ্যালু | বর্ননা |
|---|---|---|
| async | async | এটা নির্ধারণ করে যে, স্ক্রিপ্টটি asynchronously এক্সিকিউট হবে। (শুধুমাত্র এক্সটার্নাল স্ক্রিপ্টের ক্ষেত্রে) |
| charset | charset | এক্সটার্নাল স্ক্রিপ্ট ফাইলের ক্যারেক্টার এনকোডিং নির্ধারণ করে। |
| defer | defer | এটা নির্ধারণ করে যে, যখন পেজ পার্সিং শেষ হয় তখন স্ক্রিপ এক্সিকিউট হবে। (শুধুমাত্র এক্সটার্নাল স্ক্রিপ্টের ক্ষেত্রে) |
| src | URL | এক্সটার্নাল স্ক্রিপ্ট ফাইলের URL নির্দেশ করে। অর্থাৎ এক্সটার্নাল স্ক্রিপ্ট ফাইলটি যেস্থানে আছে তার লোকেশন নির্দেশ করে। |
| type | media_type | স্ক্রিপ্টের মিডিয়া টাইপ নির্ধারণ করে। |
| xml:space | preserve | এইচটিএমএল(৫)-এ সাপোর্ট করে না। হোয়াইট স্পেস সংরক্ষিত হবে কিনা তা নির্ধারণ করে। |
<script> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?
| গ্লোবাল এট্রিবিউট | ইভেন্ট এট্রিবিউট |
|---|---|
| সাপোর্ট করে | সাপোর্ট করে |
<script> ট্যাগের ডিফল্ট স্টাইল
অধিকাংশ ব্রাউজারেই <script> এলিমেন্ট নিম্নলিখিত স্টাইল ভ্যালুগুলো সহকারে প্রদর্শিত হয়ঃ
script {
display: none;
}