Why use forward slash '/' instead of backward slash '\' in relative paths in JavaScript?

StackOverflow https://stackoverflow.com/questions/22281982

Question

In the little JavaScript I wrote, the 'src' attribute of 'img' element accepted and displayed the image only if I changed '\' to '/' in the relative path of the image.

Why is it so?

<html>
  <body>

   <img id="image" src="F:\wallpapers\other\black-and-white-lion-chess-hd-531078.jpg">
   //why did '\' work here?

   <script>

    document.getElementById("image").src="F:/wallpapers/other/clouds_nature_skyscapes.jpg";
    //why didn't '\' work here? Why did I have to use '/' ?
  </script>

  </body>
</html>
Was it helpful?

Solution

A single \ character in a Javascript string is used to "escape" the next character, e.g. \n is used for the newline character. See this

In your example, if you want to use windows path names, use \\ as path separator, like so: F:\\wallpapers\\other\\clouds_nature_skyscapes.jpg

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top