আইফ্রেম তৈরির সময় ব্যবহারকারী যদি এটি নির্দিষ্ট করতে ভুলে যান তবে জাভাস্ক্রিপ্ট ব্যবহার করে তৈরির পরে এটি গতিশীলভাবে যুক্ত করা যেতে পারে।
এই নির্দেশিকাটি জাভাস্ক্রিপ্টের একটি আইফ্রেমে URL প্যারামিটার পাস করার সম্পূর্ণ পদ্ধতি ব্যাখ্যা করে।
জাভাস্ক্রিপ্টে একটি আইফ্রেমে URL প্যারামিটার পাস করার প্রক্রিয়া কী?
একটি 'Iframe' এ URL প্যারামিটার পাস করতে প্রদত্ত ধাপে ধাপে নির্দেশাবলী অনুসরণ করুন।
ধাপ 1: HTML Iframe উপাদান HTML কোড তৈরি করুন
প্রথমত, HTML কোডের সাহায্যে একটি 'iframe' উপাদান তৈরি করুন ট্যাগ:
< iframe আইডি = 'myIframe' ফ্রেম সীমানা = '1' >> iframe >
এখানে তৈরি করা HTML উপাদানটির একটি আইডি 'myIframe' আছে এবং 'frameborder' প্রপার্টি ব্যবহার করে স্টাইল করা হয়েছে যার মান '1'।
ধাপ 2: তৈরি আইফ্রেমে URL প্যারামিটার পাস করুন
এরপরে, তৈরি করা আইফ্রেম উপাদানটিতে একটি URL প্যারামিটার পাস/যোগ করতে নীচের জাভাস্ক্রিপ্ট কোডটি অনুসরণ করুন:
< লিপি >Iframe যাক = নথি getElementById ( 'myIframe' ) ;
দিন URL = 'onkeyup.html' ;
প্রস্থ যাক = '300' ;
উচ্চতা যাক = '500' ;
জিও যাক = 'ইউকে' ;
পাসURL দিন = URL + '? geo=' + জিও + '&size=' + প্রস্থ + 'এক্স' + উচ্চতা ;
আইফ্রেম। src = adsURL ;
কনসোল লগ ( পাসURL ) ;
লিপি >
কোডের উপরের লাইনগুলিতে:
- প্রথম 'Iframe' ভেরিয়েবলটি প্রয়োগ করে ' document.getElementById() ' এর আইডি 'myIframe' ব্যবহার করে তৈরি 'iframe' উপাদান অ্যাক্সেস করার পদ্ধতি।
- দ্বিতীয় ' URL ” ভেরিয়েবলটি পছন্দসই নথির পথ নির্দিষ্ট করে যা ব্যবহারকারী একটি আইফ্রেমের মাধ্যমে বর্তমান HTML নথিতে এম্বেড করতে চায়৷
- পরবর্তী, ' প্রস্থ ' ভেরিয়েবল তৈরি করা আইফ্রেম উপাদানটির প্রস্থ নির্ধারণ করে এবং ' উচ্চতা ” পরিবর্তনশীল তার উচ্চতা নির্দিষ্ট করে।
- এর পরে, 'জিও' ভেরিয়েবলটি ইউআরএলের ডোমেনকে সংজ্ঞায়িত করে যেমন 'uk(ইন্টারনেট কান্ট্রি কোড টপ-লেভেল ডোমেইন (ccTLD))'।
- এখন ' পাসURL ” ভেরিয়েবল ইউআরএল তৈরি করতে ইউআরএল, জিও, প্রস্থ এবং উচ্চতা ভেরিয়েবলের মানকে একত্রিত করে।
- এরপরে, তৈরি করা আইফ্রেম এলিমেন্টে তৈরি করা URL পাস করুন।
- সবশেষে, ' console.log() ” পদ্ধতি নির্মিত URL প্রদর্শন করে।
ধাপ 3: আউটপুট যাচাই করুন
এটি লক্ষ্য করা যায় যে একটি HTML নথির নির্মিত URL সফলভাবে তৈরি আইফ্রেম উপাদানে চলে গেছে।
উপসংহার
জাভাস্ক্রিপ্টে, একটি iframe উপাদানে URL প্যারামিটারগুলি পাস করতে ব্যবহারকারীকে প্রথমে 'একটি নমুনা iframe উপাদান তৈরি করতে হবে', এবং তারপরে 'পথ', 'প্রস্থ', 'উচ্চতা', এবং 'ডোমেন' উল্লেখ করে 'একটি URL তৈরি করতে হবে' গুণাবলী ইউআরএলটি তৈরি হয়ে গেলে এটি তৈরি করা এইচটিএমএল আইফ্রেম এলিমেন্টে পাস করুন। এই নির্দেশিকাটি জাভাস্ক্রিপ্টের একটি আইফ্রেমে URL প্যারামিটারগুলি পাস করার সম্পূর্ণ পদ্ধতিটি কার্যত ব্যাখ্যা করেছে।