| [ Web Proxy ] |
| Viewing: https://pluginus.net/how-to-include-javascript-file-using-javascript/ | [Back] [Original] |
The following function will assist you in dynamically including JavaScript files. :
1 2 3 4 5 6 7 8 9 10 11 12 | function dynamic_js_includer(script_link, script_id='my_js_script') { if (!document.getElementById(script_id)) { let boot = document.createElement('script'); boot.src = script_link; //boot.setAttribute('type', 'module'); boot.setAttribute('id', script_id); boot.onload = e => { //any action after script is loaded }; document.body.appendChild(boot); } } |
Such inclusion enables loading only the necessary functionality on a page, avoiding the inclusion of numerous JS files that can slow down page loading.
script_id: allows to avoid of including the same file more than one time
[WOOBE - WooCommerce Bulk Editor and Products Manager Professional] © 2012 - 2026 with by PluginUs.NET. All rights reserved.
| Web Proxy Viewer | New URL | Original Page |
![[logo.png]](https://pluginus.net/wp-content/themes/landrick-child-pn/logo.png){kind=link}
![[Botoscope is currently in early access]](https://botoscope.com/bs1.png){kind=link}
![[WOOBE - WooCommerce Bulk Editor and Products Manager Professional]](https://storage.bulk-editor.com/wp-content/uploads/2020/12/woobe-970x90-1.png){kind=link}
![[WOOCS - WooCommerce Currency Switcher]](https://pluginus.net/wp-content/representations/woocs.png){kind=link}
![[BEAR - WooCommerce Bulk Editor and Products Manager Professional]](https://pluginus.net/wp-content/representations/bear.png){kind=link}
![[WOOT - WooCommerce Products Table]](https://pluginus.net/wp-content/representations/woot.png){kind=link}
![[WOOF - WooCommerce Products Filter]](https://pluginus.net/wp-content/representations/woof.png){kind=link}