এই ব্লগটি উল্লিখিত href অভিব্যক্তি “ ” এর কার্যকারিতা নিয়ে আলোচনা করবে।
href এক্সপ্রেশন ' ' কী করে?
একটি এইচটিএমএল এ href এট্রিবিউট “ ” ট্যাগ সাধারণত ইউআরএল বা ওয়েব পৃষ্ঠা নির্দিষ্ট করে যেখানে লিঙ্কটি নির্দেশিত হয়।
এর ব্যাপারে ' ”, href এট্রিবিউট সেট করা হয়েছে “ জাভাস্ক্রিপ্ট:; যা একটি স্থানধারক মান যা ক্লিক করার সময় কিছুই করে না। এটি প্রায়শই ব্যবহৃত হয় যখন লিঙ্কটি একটি জাভাস্ক্রিপ্ট ফাংশন বা ইভেন্টের জন্য ব্যবহার করা হয় এবং ব্যবহারকারীকে একটি নতুন পৃষ্ঠায় পুনঃনির্দেশিত করার প্রয়োজন হয় না।
দ্য ' জাভাস্ক্রিপ্ট:; HTML এবং CSS এর সাথে একীভূত করার জন্য জাভাস্ক্রিপ্টের সবচেয়ে চিত্তাকর্ষক বৈশিষ্ট্য। এটি একটি HTML href বা অ্যাঙ্কর ট্যাগে JavaScript ফাংশন কল করতে সাহায্য করে।
উদাহরণ
প্রদত্ত উদাহরণে, ' ব্যবহার করে লিঙ্কটিতে ক্লিক করে বর্তমান পৃষ্ঠায় চিত্রটি প্রদর্শন করুন জাভাস্ক্রিপ্ট:; ” href অ্যাট্রিবিউটের মধ্যে যা ব্রাউজারকে বর্তমান পৃষ্ঠাটি ছেড়ে যেতে বাধা দেবে:
< ডিভি আইডি = 'আমার ছবি' >> div >
< একটি href = 'javascript: img = document.createElement('img');
img.src = 'sun.jpg';
src = document.getElementById('myImg');
src.appendChild(img);' > ছবি দেখান ক >
উপরের কোডে:
- প্রথমে, HTML ফাইলে একটি div উপাদান তৈরি করুন এবং একটি আইডি বরাদ্দ করুন “ myImg ”
- href বৈশিষ্ট্য “এ সেট করুন জাভাস্ক্রিপ্ট:; 'এবং একটি তৈরি করুন' img ' উপাদান ব্যবহার করে ' ক্রিয়েট এলিমেন্ট() 'পদ্ধতি।
- দ্য ' src ” বৈশিষ্ট্য চিত্রের পথ নির্দেশ করবে।
- HTML ফাইলে ইমেজ এলিমেন্টের রেফারেন্স পান ' getElementById() 'পদ্ধতি।
- '' ব্যবহার করে একটি শিশু উপাদান হিসাবে চিত্র যুক্ত করুন পরিশিষ্ট শিশু() 'পদ্ধতি।
আউটপুট নির্দেশ করে যে লিঙ্কটিতে ক্লিক করার সময় ছবিটি একই পৃষ্ঠায় প্রদর্শিত হবে:
এছাড়াও আপনি href ট্যাগে ফাংশন অ্যাক্সেস করতে পারেন “ জাভাস্ক্রিপ্ট:; ' স্থানধারক:
< ডিভি আইডি = 'আমার ছবি' >> div >< একটি href = 'javascript:myFunction();' > আমাকে ক্লিক করুন ক >
একটি ফাংশন সংজ্ঞায়িত করুন ' myFunction() ”