How do you append a current URL string to an image URL only using Javascript

Question

Silly question but I would like to create or set an image src that appends the current url after a string.

So I would like to write

<img src="//testURL.comaction?item={www.currenturl.com}" id="tabUrl" />

So {www.currenturl.com} will be replaced with the current URL

I know that I can get the current URL by using window.location.href; but how can I add this to a string?

Not sure if I should create a variable and apply it using document.getElementById

taboo = window.location.href;

Or do a document write similar to the example below

<script>document.write('<img src="'//testURL.comaction?item= + 
window.location.href + '">')</script>

Any help is appreciated.

What's wrong with the two approaches you've laid out? Do they not work? — ceejayoz
– ceejayoz, Commented Apr 18, 2017 at 17:08

theptrk · Accepted Answer · 2017-04-18 17:24:32Z

1

Your quotes are a bit off: try this

'<img src=//testURL.comaction?item=' + window.location.href + '>'

answered Apr 18, 2017 at 17:24

theptrk

84010 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

LalaByte · Accepted Answer · 2017-04-18 17:33:47Z

1

As you want a pure JS way to do the same, I would recommend following.

var string="testURL.comaction?item="+window.location.href;
document.getElementsByTagName("img").setAttribute("src", string);

answered Apr 18, 2017 at 17:33

LalaByte

1379 bronze badges

I used your example and no changes were made to my code <img src="" width="0" height="0" style="display: none" id="tabUrl" />