4.1 ব্রাউজার অবজেক্ট
আপনি ইতিমধ্যেই জানেন, জাভাস্ক্রিপ্ট ভাষা ব্রাউজারের ভিতরে কাজ করে, তাই এটিকে কোন না কোনভাবে এই একই ব্রাউজারের সাথে ইন্টারঅ্যাক্ট করতে হবে। এটি করার জন্য, ব্রাউজারটিতে বেশ কয়েকটি অবজেক্ট এবং ফাংশন রয়েছে যা জাভাস্ক্রিপ্ট থেকে উপলব্ধ।
প্রথমটি হল an object window
, যা ব্রাউজার উইন্ডো বর্ণনা করে। বা বরং, আমি বর্ণনা করতাম যখন ব্রাউজারগুলি ট্যাব ছাড়া ছিল। এখন উইন্ডো অবজেক্ট বর্তমান ব্রাউজার ট্যাব বর্ণনা করে যেখানে স্ক্রিপ্ট সহ পৃষ্ঠাটি লোড করা হয়েছে।
দ্বিতীয়ত, an object document
ট্যাবে প্রদর্শিত নথিটির জন্য এটিই দায়ী। এই একটু বিভ্রান্তিকর হতে পারে. সরলতার জন্য, আসুন বলি যে নথিটি ব্যবহারকারীর কাছে যা প্রদর্শিত হয় এবং উইন্ডোটি যা এই নথিতে প্রদর্শিত হয়।
তৃতীয়ত, এটি an object console
ব্রাউজার কনসোলে আউটপুটের জন্য দায়ী। হ্যাঁ, ব্রাউজারগুলির একটি কনসোলও রয়েছে, এটি মূলত স্ক্রিপ্ট ডিবাগ করার জন্য এবং ত্রুটি বার্তাগুলি প্রদর্শনের জন্য ব্যবহৃত হয়। আপনি সাধারণত আপনার ব্রাউজারে F12 বোতাম টিপে এটি খুলতে পারেন।
Object window
, সমস্ত পৃষ্ঠা অবজেক্টের জন্য শীর্ষ-স্তরের অবজেক্ট। document
এবং যদিও আপনি সরাসরি আপনার স্ক্রিপ্টে বস্তুর নাম লিখতে পারেন console
, আসলে তাদের নাম window.document
এবং window.console
.
4.2 জাভাস্ক্রিপ্টে ডায়ালগ
alert() পদ্ধতি
এটিতে an object window
বেশ কয়েকটি ফাংশন রয়েছে যা পৃষ্ঠা স্ক্রিপ্টে দৃশ্যমান। সবচেয়ে বেশি ব্যবহৃত হয় alert()
. এটি আপনাকে ব্যবহারকারীর কাছে একটি বার্তা সহ একটি ডায়ালগ বক্স প্রদর্শন করতে দেয়। ব্যবহারকারী ঠিক আছে ক্লিক না করা পর্যন্ত স্ক্রিপ্টটি স্থগিত করা হয়।
উদাহরণ:
alert("JavaScript is the best!");
প্রম্পট() পদ্ধতি
এছাড়াও একটি ফাংশন রয়েছে যার সাহায্যে আপনি ব্যবহারকারীকে কিছু মান লিখতে বলতে পারেন - এটি prompt()
।
উদাহরণ:
var age = prompt("Enter Year of Birth");
নিশ্চিত () পদ্ধতি
আপনি দুটি বোতাম সহ একটি ডায়ালগ বক্স প্রদর্শন করতে পারেন Ok
- Cancel
ব্যবহারকারীকে কিছু ক্রিয়া সম্পর্কে জিজ্ঞাসা করুন।
উদাহরণ:
var isOK = confirm("Are you ready");
4.3 onload() ইভেন্ট
এবং আরও একটি দরকারী এবং আকর্ষণীয় মুহূর্ত। ব্রাউজার উইন্ডোতে একটি ইভেন্ট রয়েছে যা দস্তাবেজটি সম্পূর্ণরূপে লোড হয়ে গেলে ফায়ার হয়৷ নথিটি লোড এবং প্রদর্শিত হওয়ার পরে আপনি কার্যকর করার জন্য কোডটি নির্দিষ্ট করতে পারেন।
এটি তিনটি উপায়ে করা যেতে পারে।
প্রথমত, আপনি জাভাস্ক্রিপ্ট কোড সরাসরি একটি HTML পৃষ্ঠায় একটি বৈশিষ্ট্য মান হিসাবে এম্বেড করতে পারেন:
<body onload="alert('document loaded');">
<img src="big-image.png">
</body>
দ্বিতীয়ত, আপনি জাভাস্ক্রিপ্ট কোডকে একটি HTML পৃষ্ঠায় এম্বেড করতে পারেন:
<head>
<script>
function load()
{
alert('document loaded');
}
window.onload = load;
</script>
</head>
<body>
<img src="big-image.png">
</body>
তৃতীয়ত, আমরা একটি বেনামী ফাংশন ঘোষণা করে এটিকে একটু ছোট করে লিখতে পারি:
<head>
<script>
window.onload = function () {
alert('document loaded');
}
</script>
</head>
<body>
<img src="big-image.png">
</body>
4.4 onclick() ইভেন্ট
এবং অবশেষে, আরেকটি গুরুত্বপূর্ণ ঘটনা (ঘটনা) হল event OnClick
। যা ব্যবহারকারীর ক্লিক করা কোনো উপাদানের উপর ঘটে। ঠিক যেমন event OnLoad
এটি বিভিন্ন উপায়ে সেট করা যেতে পারে, তাই আমরা শুধুমাত্র সহজতমটি দেব:
<body>
<img src="big-image.png" onclick="alert('user clicked on the image');">
</body>
GO TO FULL VERSION