Get script path

by

Searching the DOM for your own <script> tag as above is the usual method, yes.

However, you usually needn’t search too hard: when you’re in the body of the script — run at include-time — you know very well which <script> element you are: the last one. The rest of them can’t have been parsed yet.

var scripts= document.getElementsByTagName('script');
var path= scripts[scripts.length-1].src.split('?')[0];      // remove any ?query
var mydir= path.split("https://stackoverflow.com/").slice(0, -1).join("https://stackoverflow.com/")+"https://stackoverflow.com/";  // remove last filename part of path

function doSomething() {
    img.src= mydir+'../images/myimage.jpeg';
}

This doesn’t hold true if your script has been linked with <script defer> (or, in HTML5, <script async>). However, this is currently rarely used.

More Related Contents:

  1. Creating an Equation Solver
  2. Want to make a multi page navigation menu “HTML, JS, jQuery, Bootstrap” [closed]
  3. How can this page scroll (it doesn’t work properly)?
  4. How to modify style to HTML elements (styled externally with CSS) using JS?
  5. Print only?
  6. How to change CSS using jQuery?
  7. Adding an image within a circle object in d3 javascript?
  8. adding css file with jquery
  9. Prevent onmouseout when hovering child element of the parent absolute div WITHOUT jQuery
  10. className only changing every other class
  11. How to compare colors in JavaScript?
  12. Convert RGB to RGBA over white
  13. focus doesn’t work in IE
  14. How to get all the applied styles of an element by just giving its id?
  15. How to develop Desktop Apps using HTML/CSS/JavaScript? [closed]
  16. How to add background-image using ngStyle (angular2)?
  17. Change the style of an entire CSS class using javascript
  18. Scale a div to fit in window but preserve aspect ratio
  19. How to open specific tab of bootstrap nav tabs on click of a particuler link using jQuery?
  20. css position absolute making the textbox go down
  21. screen styling when virtual keyboard is active
  22. How to inject CSS into webpage through Chrome extension?
  23. jQuery in Chrome returns “block” instead of “inline”
  24. How do you float elements without a vertical gap?
  25. Full height of a html element (div) including border, padding and margin?
  26. Is there any polyfill for current CSS Flexible Box Layout Module as per W3C CR (display: flex etc.)? [closed]
  27. How can I dynamically highlight strings on a web page?
  28. How to Bootstrap navbar static to fixed on scroll?
  29. How to Access styles from React?
  30. How to use pagination on HTML tables?

Leave a Comment