سلام وقتتون بخیر
من 3 تا فایل js مختلف دارم
میخوام توی دستگاه های بزرگتر از 640px فایل js اولی و دستگاه های 460px تا 640px فایل js دومی و دستگاه های کوچک تر (موبایل) فایل js سومی در صفحه قرار بگیرن
چطور باید این کار رو انجام بدم
ممنون میشم راهنمایی کنید
دیگر به صورت مستقیم لینک فایل های js خود را به صفحه اصلی ندهید ، در عوض تکه کد زیر را در head صفحه یا پایین صفحه قرار دهید و فایل های js خود را داخل این کد با شرط های مورد نظر قرار دهید :
<script> var w = window, d = document, e = d.documentElement, g = d.getElementsByTagName('body')[0], x = w.innerWidth || e.clientWidth || g.clientWidth, y = w.innerHeight || e.clientHeight || g.clientHeight; function loadScript(url, callback) { // Adding the script tag to the head as suggested before var head = document.getElementsByTagName('head')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.src = url; // Then bind the event to the callback function. // There are several events for cross browser compatibility. script.onreadystatechange = callback; script.onload = callback; // Fire the loading head.appendChild(script); } if (x > 640) { //desktop loadScript("desktop.js", alert("Call Back Desktop")); ; } else if (x <= 640 && x >= 460) { //tablet loadScript("tablet.js", alert("Call Back Tablet")); } else { //mobile loadScript("mobile.js", alert("Call Back Mobile")); } </script>
خیلی خیلی ممنونم استاد
واقعا عالی
هیچ کاربری تا کنون از این پست تشکر نکرده است
با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)