JavaScript 使用

<script> ট্যাগ

HTML-তে, JavaScript কোডটি নিম্নলিখিত ট্যাগের মধ্যে থাকতে হবে <script> সঙ্গে </script> ট্যাগের মধ্যে।

实例

<script>
document.getElementById("demo").innerHTML = "আমার প্রথম অধ্যায় JavaScript";
</script>

亲自试一试

মন্তব্য:পুরনো জেভাস্ক্রিপ্ট উদাহরণগুলি এইভাবে ব্যবহার করতো type এক্সট্রা নীতি <script type="text/javascript">।

মন্তব্য:type এক্সট্রা নীতি চাহিদা নয়।জেভাস্ক্রিপ্ট এইচটিএমএল-এর ডিফল্ট স্ক্রিপ্ট ভাষা

জেভাস্ক্রিপ্ট ফাংশন এবং ইভেন্ট

জেভাস্ক্রিপ্ট ফাংশনফাংশন হল একটি জেভাস্ক্রিপ্ট কোডব্লক, যা আহ্বান করা হলে চালু হয়

যেমনইভেন্টইভেন্টের সময় ফাংশন আহ্বান করা হবে, যেমন

সুঝাওয়া:আপনি পরবর্তী চপ্তরে ফাংশন এবং ইভেন্টের বিষয়ে আরও জানতে পারবেন

<head> বা <body> এর মধ্যে জেভাস্ক্রিপ্ট

আপনি HTML ডকুমেন্টে যেসব স্ক্রিপ্টকে স্থাপন করতে পারেন

স্ক্রিপ্টটি HTML পাতার <body> বা <head> অংশে, বা উভয়ই থাকতে পারে

<head> এর মধ্যে জেভাস্ক্রিপ্ট

এই উদাহরণে, জেভাস্ক্রিপ্ট ফাংশন HTML পাতার <head> অংশ

এই ফাংশন বাটন টিপলে আহ্বান করা হবে:

实例

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
    document.getElementById("demo").innerHTML = "অনুচ্ছেদ পরিবর্তিত হয়েছে";;
}
</script>
</head>
<body>
<h1>একটি ওয়েবসাইট</h1>
<p id="demo">একটি অনুচ্ছেদ</p>
<button type="button" onclick="myFunction()">চেষ্টা করুন</button>
</body>
</html>

亲自试一试

<body> এর মধ্যে জেভাস্ক্রিপ্ট

এই উদাহরণে, জেভাস্ক্রিপ্ট ফাংশন HTML পাতার <body> অংশ

এই ফাংশন বাটন টিপলে আহ্বান করা হবে:

实例

<!DOCTYPE html>
<html>
<body> 
<h1>A Web Page</h1>
<p id="demo">একটি অনুচ্ছেদ</p>
<button type="button" onclick="myFunction()">চেষ্টা করুন</button>
<script>
function myFunction() {
   document.getElementById("demo").innerHTML = "অনুচ্ছেদ পরিবর্তিত হয়েছে";;
}
</script>
</body>
</html>

亲自试一试

সুঝাওয়া:স্ক্রিপ্টটি স্থাপন করুন <body> এলিমেন্টের নিচে স্ক্রিপ্টটি স্থাপন করলে, প্রদর্শনের গতি বৃদ্ধি করতে পারে, কারণ স্ক্রিপ্ট কম্পাইল প্রদর্শনকে ধীর করে তোলে

বাহিরী স্ক্রিপ্ট

স্ক্রিপ্টটি বাহিরী ফাইলে সংরক্ষিত হতে পারে:

বাহিরী ফাইল: myScript.js

function myFunction() {
   document.getElementById("demo").innerHTML = "অনুচ্ছেদ পরিবর্তিত হয়েছে";;
}

বাহিরী স্ক্রিপ্ট খুবই উপযোগী, যদি একই স্ক্রিপ্ট অনেক ভিন্ন ওয়েবসাইটে ব্যবহৃত হয়

জেভাস্ক্রিপ্ট ফাইলের এক্সটেনশন হল .js।

বাহিরী স্ক্রিপ্ট ব্যবহার করতে হলে <script> ট্যাগের src (সোর্স) স্ক্রিপ্টের নাম সংস্থান করুন এই

实例

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

亲自试一试

আপনি যেখানে স্ক্রিপ্টটি সংস্থান করতে পারেন <head> বা <body> বাহিরী স্ক্রিপ্ট উল্লেখ করার জন্য

এই স্ক্রিপ্টটির প্রদর্শন তার অবস্থানের <script> এই ট্যাগের মধ্যে একই হয়

মন্তব্য:বাহিরী স্ক্রিপ্টটি অবশ্যই কমেন্টসহ থাকবে <script> 标签。

外部 JavaScript 的优势

在外部文件中放置脚本有如下优势：

  • 分离了 HTML 和代码
  • 使 HTML 和 JavaScript 更易于阅读和维护
  • 已缓存的 JavaScript 文件可加速页面加载

如需向一张页面添加多个脚本文件 - 请使用多个 script 标签：

实例

外部引用

可通过完整的 URL 或相对于当前网页的路径引用外部脚本：

本例使用完整的 URL 来链接至脚本：

实例

亲自试一试

本例使用了位于当前网站上指定文件夹中的脚本：

实例

亲自试一试

本例链接了与当前页面相同文件夹的脚本：

实例

亲自试一试

您能够在 HTML 文件路径中学习更多有关文件路径的知识。