JavaScript window.open() | বাংলা টিউটোরিয়াল
জাভাস্ক্রিপ্টের মাধ্যমে আপনি চাইলে একটি নতুন ব্রাউজার উইন্ডো বা ট্যাব খুলতে পারেন window.open() ফাংশনের মাধ্যমে। এটি মূলত BOM (Browser Object Model)-এর অংশ, যার সাহায্যে আপনি ইউজারকে অন্য একটি পৃষ্ঠা নতুনভাবে দেখাতে পারেন। সাধারণত বিজ্ঞাপন, লিংক ক্লিক, বা প্রিন্ট ফাংশনের জন্য এটি ব্যবহার করা হয়।
Syntax (গঠন)
window.open(URL, name, specs, replace)- URL: নতুন ট্যাবে যেই পৃষ্ঠা খুলবে তার লিংক (ঐচ্ছিক)
- name: ট্যাব/উইন্ডোর নাম (যেমন “_blank”, “_self”, ইত্যাদি)
- specs: নতুন উইন্ডোর আকৃতি, পজিশন, scrollbar, ইত্যাদি
- replace: true/false — বর্তমান ইতিহাসে পৃষ্ঠা প্রতিস্থাপন করবে কি না
উদাহরণ ১: নতুন ট্যাবে ওয়েবসাইট খোলা
<button onclick="window.open('https://example.com', '_blank')">নতুন ট্যাবে খুলুন</button>
ব্যাখ্যা: এই কোডটি ক্লিক করলে example.com একটি নতুন ট্যাবে খুলবে। “_blank” নির্দেশ করে এটি নতুন ট্যাব হবে।
উদাহরণ ২: নির্দিষ্ট আকারের নতুন উইন্ডো খোলা
<button onclick="window.open('https://example.com', '_blank', 'width=600,height=400')">উইন্ডো খুলুন</button>
ব্যাখ্যা: এই উদাহরণে, একটি নির্দিষ্ট প্রস্থ (600px) ও উচ্চতা (400px) সহ নতুন উইন্ডো খুলবে। এটি সাধারণত পপআপের জন্য ব্যবহৃত হয়।
পপআপ ব্লকার সম্পর্কে সতর্কতা
বেশিরভাগ ব্রাউজার window.open() কলকে ব্লক করে যদি সেটা ব্যবহারকারী ক্লিক ছাড়া চালু হয়। উদাহরণস্বরূপ, যদি আপনি সেটি অটো রান করেন (যেমন পেজ লোডে), তাহলে ব্রাউজার সেটি পপআপ ব্লকার দিয়ে আটকাতে পারে।
উইন্ডো স্পেসিফিকেশন (specs) অপশন সমূহ
| Option | ব্যাখ্যা (বাংলায়) |
|---|---|
| width | উইন্ডোর প্রস্থ |
| height | উইন্ডোর উচ্চতা |
| left | উইন্ডোর স্ক্রিনে অবস্থান (বাম থেকে) |
| top | উপর থেকে অবস্থান |
| scrollbars | স্ক্রলবার থাকবে কি না |
| resizable | উইন্ডো রিসাইজ করা যাবে কি না |
সারসংক্ষেপ
JavaScript এর window.open() মেথড ব্যবহার করে আপনি সহজেই নতুন উইন্ডো বা ট্যাব খুলতে পারেন, যার মাধ্যমে ইউজারের জন্য পৃথক কনটেন্ট প্রদর্শন করা যায়। তবে এটি ব্রাউজার পপআপ ব্লকার দ্বারা সীমিত হতে পারে। বুদ্ধিমত্তার সাথে ব্যবহার করলে এটি ইউজার এক্সপেরিয়েন্স উন্নত করতে পারে।