আমি একটি স্ক্রিপ্ট পেয়েছি যা ব্যবহার করে উপাদানগুলিতে কিছু সামগ্রী সন্নিবেশ করিয়েছে innerHTML।
উদাহরণস্বরূপ বিষয়বস্তু হতে পারে:
<script type="text/javascript">alert('test');</script>
<strong>test</strong>সমস্যাটি হ'ল <script>ট্যাগের অভ্যন্তরীণ কোডটি কার্যকর হয় না। আমি এটি কিছুটা গুগল করেছিলাম তবে এর কোনও আপাত সমাধান নেই। যদি আমি jQuery ব্যবহার করে সামগ্রীটি sertedোকাতাম $(element).append(content);তবে স্ক্রিপ্টের অংশগুলি evalডিওমে ইনজেকশনের আগে 'ডি' হয়ে গেল।
এমন কি কোডের একটি স্নিপেট রয়েছে যা সমস্ত <script>উপাদানকে কার্যকর করে? JQuery কোডটি কিছুটা জটিল ছিল তাই এটি কীভাবে হয়েছিল তা আমি সত্যিই বুঝতে পারি না।
সম্পাদনা করুন :
JQuery কোডে উঁকি দিয়ে আমি বুঝতে পেরেছি যে jQuery এটি কী করে, যার ফলে নিম্নলিখিত কোডটি এসেছে:
Demo:
<div id="element"></div>
<script type="text/javascript">
function insertAndExecute(id, text)
{
domelement = document.getElementById(id);
domelement.innerHTML = text;
var scripts = [];
ret = domelement.childNodes;
for ( var i = 0; ret[i]; i++ ) {
if ( scripts && nodeName( ret[i], "script" ) && (!ret[i].type || ret[i].type.toLowerCase() === "text/javascript") ) {
scripts.push( ret[i].parentNode ? ret[i].parentNode.removeChild( ret[i] ) : ret[i] );
}
}
for(script in scripts)
{
evalScript(scripts[script]);
}
}
function nodeName( elem, name ) {
return elem.nodeName && elem.nodeName.toUpperCase() === name.toUpperCase();
}
function evalScript( elem ) {
data = ( elem.text || elem.textContent || elem.innerHTML || "" );
var head = document.getElementsByTagName("head")[0] || document.documentElement,
script = document.createElement("script");
script.type = "text/javascript";
script.appendChild( document.createTextNode( data ) );
head.insertBefore( script, head.firstChild );
head.removeChild( script );
if ( elem.parentNode ) {
elem.parentNode.removeChild( elem );
}
}
insertAndExecute("element", "<scri"+"pt type='text/javascript'>document.write('This text should appear as well.')</scr"+"ipt><strong>this text should also be inserted.</strong>");
</script>
1
আপনি কেন কেবলমাত্র এলিমেন্টের শিশুদের পুনরাবৃত্তি করতে পারবেন না এবং প্রতিটি স্ক্রিপ্ট উপাদান হিসাবে আপনি কেবলমাত্র সেই সন্তানের অন্তর্নির্মিত HTML () প্রকাশ করেছেন? এটি এমনভাবে দেখেছি যে এটি একটি বড় উপাদান বিক্রেতার দ্বারা সম্পন্ন হয়েছে, প্রতিবার যখন তারা একটি এজ্যাক্স কলব্যাক সম্পূর্ণ করে যা ডমটিতে স্টাফ যুক্ত করে তারা ঠিক তা করে। এটি ধীর হতে পারে, বিশেষত আই 7-তে মনে রাখবেন।
—
স্লাগস্টার
আন্দ্রেস: যদি আমি কোনও ফাংশন যুক্ত করি, উদাহরণস্বরূপ
—
ফিদাহ
function testFunction(){ alert('test'); }অভ্যন্তরীণ এইচটিএমএল কোডটি .োকানো হয়েছে এবং তারপরে এটি কল করার চেষ্টা করে, এটি বলে যে ফাংশনটি সংজ্ঞায়িত হয়নি।
দারুণ ফিদা, মোহন, চিয়ার্সের মতো কাজ করে
—
মার্সিন
আমি মনে করি যে ক্রস-সাইট স্ক্রিপ্টিং আক্রমণগুলি রোধ করার জন্য ব্রাউজারের দ্বারা আচরণ করা এটি বোঝা একেবারেই গুরুত্বপূর্ণ। আপনি যে পাঠ্যটি অভ্যন্তরীণ এইচটিএমএল হিসাবে সেট করেছেন তা যদি বব সরবরাহ করে তবে এটি অ্যালিসের ব্রাউজারে ক্ষতির কারণ হয়ে দাঁড়াবে (এমন একটি ফোরামের কথা চিন্তা করুন যেখানে লোকেরা তাদের কাছে স্ক্রিপ্ট-ট্যাগ যুক্ত করে মন্তব্য লিখতে পারে)। আপনি এটি সম্পর্কে এখানে আরও পড়তে পারেন: en.wikedia.org/wiki/Cross-site_scriptting । বাঁচাও!
—
জাতিয়ান
একটি এইচটিএমএল 2010 সাল থেকে অনেক পরিবর্তন এই বর্তমান দিন, হয়তো আপনি চান বর্ণন: stackoverflow.com/a/58862506/890357
—
marciowb