আইএফআরএম-এর জন্য এই স্ট্যান্ডার্ড কোডটি কি কেবল এইচটিএমএল কোডের সাথে src URL টি প্রতিস্থাপনের কোনও উপায় আছে? সুতরাং আমার সমস্যাটি সহজ, আমার একটি পৃষ্ঠা রয়েছে এটি এমওয়াইএসকিউএল থেকে একটি এইচটিএমএল বডি লোড করে আমি সেই কোডটি একটি ফ্রেমে উপস্থাপন করতে চাই যাতে এটি পৃষ্ঠাটির বাকী অংশের চেয়ে স্বতন্ত্র রেন্ডার করে এবং সেই নির্দিষ্ট সীমান্তের সীমানায়।
<iframe src="http://example.com" name="test" height="120" width="600">You need a Frames Capable browser to view this content.</iframe> উত্তর:
আপনি একটি ডেটা ইউআরএল দিয়ে এটি করতে পারেন। এটি HTML এর একক স্ট্রিংয়ে পুরো দস্তাবেজকে অন্তর্ভুক্ত করে। উদাহরণস্বরূপ, নিম্নলিখিত এইচটিএমএল:
<html><body>foo</body></html>এটি হিসাবে এনকোড করা যেতে পারে:
data:text/html;charset=utf-8,%3Chtml%3E%3Cbody%3Efoo%3C/body%3E%3C/html%3Eএবং তারপরে srciframe এর বৈশিষ্ট্য হিসাবে সেট করুন । উদাহরণ ।
সম্পাদনা: অন্য বিকল্পটি জাভাস্ক্রিপ্টের সাহায্যে এটি করা। এটি প্রায় অবশ্যই আমি বেছে নেওয়ার কৌশলটি। ব্রাউজারটি কতক্ষণ কোনও ডেটা ইউআরএল গ্রহণ করবে তা আপনি গ্যারান্টি দিতে পারবেন না। জাভাস্ক্রিপ্ট কৌশলটি এরকম কিছু দেখবে:
var iframe = document.getElementById('foo'),
iframedoc = iframe.contentDocument || iframe.contentWindow.document;
iframedoc.body.innerHTML = 'Hello world';সম্পাদনা 2 (ডিসেম্বর 2017) : এইচটিএমএল 5 এর সিআরসিডোক অ্যাট্রিবিউটটি ব্যবহার করুন ঠিক ঠিক সৌরভ চন্দ্র প্যাটেলের জবাবের মতো, এখন কে গ্রহণযোগ্য উত্তর হওয়া উচিত! আপনি যদি আই / এজ দক্ষতার সাথে সনাক্ত করতে পারেন তবে একটি টিপ হল কেবলমাত্র তাদের জন্য সিআরসিডোক-পলফিল লাইব্রেরি এবং সমস্ত নন-আইই / এজ ব্রাউজারগুলিতে "খাঁটি" এসসিআরডিডোক বৈশিষ্ট্যটি ( নিশ্চিত করতে caniuse.com পরীক্ষা করুন ) ব্যবহার করুন।
<iframe srcdoc="<html><body>Hello, <b>world</b>.</body></html>"></iframe>Blocked a frame with origin "http://localhost" from accessing a cross-origin frame।
innerHTMLব্রাউজার ব্যবহার করলে বংশধর স্ক্রিপ্ট ট্যাগগুলি কার্যকর করা হবে না। আরও তথ্যের জন্য এলিমেন্ট.ইনার এইচটিএমএল এমডিএন পৃষ্ঠার সুরক্ষা বিবেচনা বিভাগটি দেখুন ।
ব্যবহার html5এর নতুন অ্যাট্রিবিউট srcdoc(srcdoc-polyfill) দস্তাবেজ
<iframe srcdoc="<html><body>Hello, <b>world</b>.</body></html>"></iframe>ব্রাউজার সমর্থন - নিম্নলিখিত ব্রাউজারগুলিতে পরীক্ষিত:
Microsoft Internet Explorer
6, 7, 8, 9, 10, 11
Microsoft Edge
13, 14
Safari
4, 5.0, 5.1 ,6, 6.2, 7.1, 8, 9.1, 10
Google Chrome
14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24.0.1312.5 (beta), 25.0.1364.5 (dev), 55
Opera
11.1, 11.5, 11.6, 12.10, 12.11 (beta) , 42
Mozilla FireFox
3.0, 3.6, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18 (beta), 50ডাব্লু 3 স্কুল অনুসারে, এইচটিএমএল 5 আপনাকে একটি নতুন "srcdoc" বৈশিষ্ট্য ব্যবহার করে এটি করতে দেয় তবে ব্রাউজার সমর্থনটি খুব সীমাবদ্ধ বলে মনে হয়।