সুসংবাদটি হ'ল:
এটি 100% কাজ করছে।
স্ক্রিপ্ট ট্যাগের ভিতরে কেবল কিছু যুক্ত করুন alert('voila!');। আপনি সম্ভবত সঠিক প্রশ্নটি জিজ্ঞাসা করতে চাইতে পারেন, "কেন আমি এটি ডোমে দেখিনি?" ।
কার্ল সুইডেনবার্গ jQuery এপিআই সাইটে দর্শকদের মন্তব্য সম্পর্কে একটি দুর্দান্ত ব্যাখ্যা দিয়েছেন । আমি না আর একবার তার কথাগুলো পুনরাবৃত্তি, আপনি সরাসরি পড়তে পারেন চান সেখানে এখানে (আমি এটি হার্ড নেভিগেট করতে মন্তব্যের মাধ্যমে সেখানে পাওয়া যায়) ।
JQuery এর সমস্ত সন্নিবেশ পদ্ধতি DOM intoোকানোর আগে এবং পরে উপাদানগুলি পরিষ্কার / প্রক্রিয়া করার জন্য অভ্যন্তরীণভাবে একটি domManip ফাংশন ব্যবহার করে। ডোমমনিপ ফাংশনটি হ'ল একটি জিনিস sertedোকানো যেতে পারে এমন কোনও স্ক্রিপ্ট উপাদানগুলি টেনে আনা এবং এটিকে একটি "ইভালস্ক্রিপ্ট রুটিন" এর মাধ্যমে চালিত করে বাকী ডোম টুকরা দিয়ে ইনজেকশন করার পরিবর্তে। এটি স্ক্রিপ্টগুলি আলাদাভাবে সন্নিবেশ করায়, সেগুলি মূল্যায়ন করে এবং তারপরে এগুলি ডিওএম থেকে সরায়।
আমি বিশ্বাস করি যে jQuery এর একটি কারণ হ'ল "অনুমতি অস্বীকৃত" ত্রুটিগুলি এড়ানো যা নির্দিষ্ট পরিস্থিতিতে স্ক্রিপ্টগুলি সন্নিবেশ করানোর সময় ইন্টারনেট এক্সপ্লোরারে ঘটতে পারে। এটি বারবার একই স্ক্রিপ্ট সন্নিবেশ করা / মূল্যায়ন করা এড়িয়ে যায় (যা সম্ভবত সমস্যা তৈরি করতে পারে) যদি এটি যদি আপনি অন্তর্ভুক্ত করে এমন উপাদানগুলির মধ্যে থাকে এবং এটি ডিওএমের চারপাশে ঘোরাফেরা করে।
পরের বিষয়টি হ'ল, আমি .append()কোনও স্ক্রিপ্ট যুক্ত করতে ফাংশনটি ব্যবহার করে কী খারাপ খবরগুলি সংক্ষেপ করব ।
এবং খারাপ সংবাদটি হল ..
আপনি আপনার কোডটি ডিবাগ করতে পারবেন না।
আমি রসিকতা করছি না, এমনকি যদি আপনি debugger;ব্রেকআপপয়েন্ট হিসাবে সেট করতে চান এমন লাইনের মধ্যে কীওয়ার্ড যুক্ত করেন তবে উত্সের কোডটিতে ব্রেকপয়েন্টটি না দেখে আপনি কেবলমাত্র বস্তুর কল স্ট্যাকটি পেয়ে যাবেন, (এটি উল্লেখ করার জন্য নয়) কীওয়ার্ডটি কেবল ওয়েবকিট ব্রাউজারে কাজ করে, অন্যান্য সমস্ত বড় ব্রাউজারগুলি এই কীওয়ার্ডটি বাদ দেয় বলে মনে হয়) ।
আপনার কোডটি কী করে তা আপনি যদি পুরোপুরি বুঝতে পারেন তবে এর চেয়ে একটি ছোটখাটো কমতি দেখাবে। তবে আপনি যদি তা না debugger;করেন তবে আপনার (বা আমার) কোডটিতে কী সমস্যা আছে তা খুঁজে পাওয়ার জন্য আপনি পুরো জায়গা জুড়ে একটি কীওয়ার্ড যুক্ত করবেন । যাইহোক, একটি বিকল্প আছে, ভুলে যাবেন না যে জাভাস্ক্রিপ্টটি স্থানীয়ভাবে এইচটিএমএল ডিওএম চালাতে পারে।
কার্যসংক্রান্ত।
এইচটিএমএল ডিওএম হেরফের করতে জাভাস্ক্রিপ্ট (jQuery নয়) ব্যবহার করুন
আপনি যদি জাবা স্ক্রিপ্ট নেটিভ এইচটিএমএল ডিওএম ম্যানিপুলেশন ব্যবহার করতে পারেন তার চেয়ে ডিবাগিংয়ের ক্ষমতা হারাতে না চান। এই উদাহরণ বিবেচনা করুন:
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "path/to/your/javascript.js"; // use this for linked script
script.text = "alert('voila!');" // use this for inline script
document.body.appendChild(script);
ওখানেই আছে, ঠিক যেমন পুরনো দিন তা নয়। এবং স্মৃতি ফাঁস রোধ করার জন্য ডিএমএমে বা রেফারেন্সযুক্ত এবং যে সমস্ত অবজেক্টের রেফারেন্স দেওয়া হয়েছে এবং মেমোরি ফাঁস রোধ করার জন্য আর প্রয়োজন নেই সেগুলির জন্য মেমরির জিনিসগুলি পরিষ্কার করতে ভুলবেন না। জিনিসগুলি পরিষ্কার করার জন্য আপনি এই কোডটি বিবেচনা করতে পারেন:
document.body.removechild(document.body.lastChild);
delete UnusedReferencedObjects; // replace UnusedReferencedObject with any object you created in the script you load.
এই কাজের দিক থেকে অপূর্ণতা হ'ল আপনি দুর্ঘটনাক্রমে একটি সদৃশ স্ক্রিপ্ট যুক্ত করতে পারেন এবং এটি খারাপ। এখান থেকে আপনি .append()যুক্ত করার আগে কোনও বস্তু যাচাইকরণ যুক্ত করার পরে এবং ডম থেকে স্ক্রিপ্টটি যুক্ত হওয়ার পরে মুছে ফেলার মাধ্যমে কিছুটা ফাংশন নকল করতে পারেন । এই উদাহরণ বিবেচনা করুন:
function AddScript(url, object){
if (object != null){
// add script
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "path/to/your/javascript.js";
document.body.appendChild(script);
// remove from the dom
document.body.removeChild(document.body.lastChild);
return true;
} else {
return false;
};
};
function DeleteObject(UnusedReferencedObjects) {
delete UnusedReferencedObjects;
}
এইভাবে, আপনি স্ক্রিপ্ট সদৃশ থেকে নিরাপদ থাকা অবস্থায় ডিবাগিং সক্ষমতার সাথে স্ক্রিপ্ট যুক্ত করতে পারেন। এটি কেবলমাত্র একটি প্রোটোটাইপ, আপনি যা যা চান তার জন্য আপনি প্রসারিত করতে পারেন। আমি এই পদ্ধতির ব্যবহার করে চলেছি এবং এতে সন্তুষ্ট। অবশ্যই নিশ্চিত যে আমি কখনই .append()স্ক্রিপ্ট যুক্ত করতে jQuery ব্যবহার করব না ।