Here are the URL components: http://www.example.com/en/public/img/logo.gif \__/ \_____________/\_____________________/ #1 #2 #3 scheme/protocol host path A URL is called an absolute URL if it begins with the scheme and scheme specific part (here // after http:). Anything else is a relative URL. A URL path is called an absolute URL path if it begins with a …
As of December 2014, Paul Irish’s blog on protocol-relative URLs says: 2014.12.17: Now that SSL is encouraged for everyone and doesn’t have performance concerns, this technique is now an anti-pattern. If the asset you need is available on SSL, then always use the https:// asset. Unless you have specific performance concerns (such as the slow …
Try the getAttribute method instead.
You say your website is in http://localhost/mywebsite, and let’s say that your image is inside a subfolder named pictures/: Absolute path If you use an absolute path, / would point to the root of the site, not the root of the document: localhost in your case. That’s why you need to specify your document’s folder …
The “two forward slashes” are a common shorthand for “request the referenced resource using whatever protocol is being used to load the current page”. Best known as “protocol relative URLs”, they are particularly useful when elements — such as the JS file in your example — could be served and/or requested from either a http …
Should I use absolute or relative URLs? If by absolute URLs you mean URLs including scheme (e.g. HTTP / HTTPS) and the hostname (e.g. yourdomain.example) don’t ever do that (for local resources) because it will be terrible to maintain and debug. Let’s say you have used absolute URL everywhere in your code like <img src=”http://yourdomain.example/images/example.png”>. …