HTML <script> ট্যাগ

  • পূর্ববর্তী পৃষ্ঠা <samp>
  • পরবর্তী পৃষ্ঠা <search>

বিবরণ ও ব্যবহার

<script> ট্যাগ ক্লায়েন্ট স্ক্রিপ্ট এম্বেড করতে ব্যবহৃত হয়

<script> ইলেমেন্ট বা তা স্ক্রিপ্ট স্টেটমেন্ট ধারণ করতে পারে বা src প্রতিশব্দ বাইরের স্ক্রিপ্ট ফাইলের লিঙ্ক

সবচেয়ে বেশি ব্যবহৃত স্ক্রিপ্ট ধরন হল JavaScript, তবে ব্রাউজারগুলোও অন্যান্য স্ক্রিপ্ট ভাষাগুলোকেও সমর্থন করে

জাভাস্ক্রিপ্টের সাধারণ ব্যবহার হল চিত্র প্রক্রিয়াকরণ, ফর্ম ভ্রমণ ও কনটেন্টের ডাইনামিক পরিবর্তন

মন্তব্য:script ইলেমেন্টটির কিভাবে ব্যবহৃত হয় তাহলে তা যে ধরনের হবে তা নির্ধারিত হয়।হেড ইলেমেন্টের মধ্যে থাকা script ইলেমেন্ট মেটাডাটা ইলেমেন্ট হিসাবে বিবেচিত হয়, অন্য ইলেমেন্ট (যেমন body বা section）এর মধ্যে তা ফ্রেজ ইলেমেন্ট

অন্যান্যদের ক্ষেত্রে এটি ফ্রেজ ইলেমেন্ট হিসাবে বিবেচিত হয়。

HTML টিউটোরিয়াল:HTML স্ক্রিপ্ট

HTML DOM রেফারেন্স ম্যানুয়েল:স্ক্রিপ্ট অবজেক্ট

জাভাস্ক্রিপ্ট টিউটোরিয়াল:জাভাস্ক্রিপ্ট শিখুন

উদাহরণ

উদাহরণ 1: ডকুমেন্টের ভিতরের স্ক্রিপ্ট নির্ধারণ করুন

জেস্ক্রিপ্ট দিয়ে "Hello JavaScript!" লিখুন:

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

স্বয়ং প্রয়োগ করুন

উদাহরণ 2: বাইরের স্ক্রিপ্ট লোড করুন

<script src="simple.js"></script>

স্বয়ং প্রয়োগ করুন

সুঝানা ও মন্তব্য

সুঝানা:প্রতিরোধ করা হওয়া বা স্ক্রিপ্টটি সমর্থন না করা ব্রাউজারের জন্য, আরও দেখুন <noscript> ইউনিট。

সুঝানা:আপনি জেস্ক্রিপ্টের বিষয়ে আরও জানতে চান, আমাদের JavaScript শিক্ষাক্রম。

বৈশিষ্ট্য

বৈশিষ্ট্য মান বর্ণনা
async async নির্ধারণ করুন যে, স্ক্রিপ্টটি পান্ডুলিপির সময় সময়সাপেক্ষ ডাউনলোড করা হবে, এবং যখন তা উপলব্ধ হয় তখন তা এক্সিকিউট করা হবে (পান্ডুলিপির পাঠ্য সম্পূর্ণ হওয়ার আগে) (শুধুমাত্র বাইরের স্ক্রিপ্ট হিসাবে)
crossorigin
  • anonymous
  • use-credentials
 রিকোর্ডের মোডটিকে HTTP CORS রিকোর্ড রিকোর্ড হিসাবে সেট করুন
defer defer নির্ধারণ করুন যে, স্ক্রিপ্টটি পান্ডুলিপির সময় সময়সাপেক্ষ ডাউনলোড করা হবে, এবং পান্ডুলিপির পাঠ্য সম্পূর্ণ হলে তা এক্সিকিউট করা হবে (শুধুমাত্র বাইরের স্ক্রিপ্ট হিসাবে)
integrity filehash ব্রাউজারকে স্ক্রিপ্টটি পাওয়ার সময় পরীক্ষা করতে দিতে অনুমতি দিন, যাতে যদি সূত্রকোডটি পরিবর্তিত হয়, তবে কোডটি কখনও লোড করা হবে না
nomodule
  • True
  • False
 নির্ধারণ করুন যে, স্ক্রিপ্টটি ES2015 মডিউলসমেরসমূহ ব্রাউজারের সাথে কাজ করবে না
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin
  • strict-origin-when-cross-origin
  • unsafe-url
 স্ক্রিপ্ট পাওয়ার সময় কোন সূত্রকারী তথ্য পাঠানো হবে তা নির্ধারণ করুন
src URL বাইরের স্ক্রিপ্ট ফাইলের URL নির্ধারণ করুন
type স্ক্রিপ্টের টাইপ স্ক্রিপ্টের মিডিয়া টাইপ নির্ধারণ করুন

HTML এবং XHTML-এর মধ্যে পার্থক্য

XHTML-এ, স্ক্রিপ্টের ভিতরের কনটেন্টকে #PCDATA (CDATA-এর পরিবর্তে) হিসাবে ঘোষণা করা হয়, এর মানে এক্সপ্যান্স করা হবে:

এটি মানে যে, XHTML-এ, সব বিশেষ অক্ষরকে এনকোড করা উচিত বা সব কনটেন্টকে CDATA অংশে বেঁধা রাখা উচিত:

<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
  // some code
}
//]]>
</script>

সার্ভিক্স এটিভারি

<script> ট্যাগগুলি সার্ভিক্স এটিভারি সমর্থন করে HTML-এর সার্ভিক্স এটিভারি。

ডিফল্ট সিএসএস সেটিং

অধিকাংশ ব্রাউজার নিম্নলিখিত ডিফল্ট মান দেখাবে: <script> উপাদান:

script {
  display: none;
}

ব্রাউজার সমর্থন

চ্রোম এজ ফায়ারফক্স স্যাফারি অপেরা
চ্রোম এজ ফায়ারফক্স স্যাফারি অপেরা
সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন
  • পূর্ববর্তী পৃষ্ঠা <samp>
  • পরবর্তী পৃষ্ঠা <search>