بررسی اجمالی
امروز، ما نگاهی به راه های مختلف برای بارگذاری پویا فایل های جاوا اسکریپت پس از بارگیری کامل صفحه خواهیم داشت.
معرفی
بارگذاری پویا فایل های جاوا اسکریپت یکی از ابزارهای بسیار کاربردی است که باید در مجموعه خود داشته باشید. این به شما امکان میدهد تا عملکرد صفحه وب را با جابجایی اسکریپتهای مسدودکننده از فرآیند بارگیری بهینه کنید (معمولاً آنها به این « بارگذاری تنبل » میگویند)، و اسکریپتها را تنها زمانی بارگیری کنید که کاربر به آنها نیاز داشته باشد (معمولاً به آن « بارگیری بر اساس تقاضا » میگویند.) این ابزار اگر عاقلانه از آن استفاده کنید عملکرد صفحه شما را تا حد زیادی بهبود می بخشد.
راه اندازی
اجازه دهید مدل مثال خود را تعریف کنیم، ما با تعریف فایل راه دوری که باید به صورت پویا بارگذاری شود شروع می کنیم. در اینجا تعریف فایل "remote.js" آمده است.
(function() {
console.log("Remote script loaded");
}());
var sayHello = function(name) {
alert("Hello", name);
}
در کد بالا یک تابع فوری برای پیگیری بارگذاری فایل تعریف می کنیم. ما همچنین یک تابع سفارشی برای فراخوانی از صفحه اصلی خود تعریف می کنیم.
اکنون صفحه اصلی "index.htm" ما اینجاست. این تنها حاوی یک دکمه است که برای بارگیری و آزمایش فایل استفاده می شود.
<head></head>
<body>
<button id="loadButton">Load script file</button>
<script type="text /javascript">
document.getElementById('loadButton').onclick = function() {
// your code goes here
};
</script>
</body>
</html>
راه بیهوده!
ساده ترین راه برای بارگذاری یک فایل جاوا اسکریپت ارجاع به آن در یک فایل است