javascript | string text between single quotes problem

Question

the 'bg' is recognised as a variable .. its supposed to be text .. i also tried the double quotes but the url() only accepts single quotes url

            var ahref = '<a href="#" style="background-image: url('bg');"></a>';
            var newhref = ahref.replace('bg', newThumbnailUrl)

Your question is unclear. Is bg supposed to be a variable that results in a String of text? — StackSlave
– StackSlave, Commented Mar 31, 2021 at 20:47
'<a href="#" style="background-image: url(\''+bg+'\');"></a>' is foolproof. — StackSlave
– StackSlave, Commented Mar 31, 2021 at 20:49

Emiel Zuurbier · Accepted Answer · 2021-03-31 20:53:00Z

1

JavaScript string interpolation works differently.

You can use Template literals, using the backtick ` `.

var bg = 'your-image.jpg';
var ahref = `<a href="#" style="background-image: url('${bg}');"></a>`;

console.log(ahref);

Or you can concatenate strings with the addition operator +.

var bg = 'your-image.jpg';
var ahref = '<a href="#" style="background-image: url(\'' + bg + '\');"></a>';

console.log(ahref);

The url() property does not require quotes, only in certain conditions.

A url, which is a relative or absolute address, or pointer, to the web resource to be included, or a data uri, optionally in single or double quotes. Quotes are required if the URL includes parentheses, whitespace, or quotes, unless these characters are escaped, or if the address includes control characters above 0x7e. source

edited Mar 31, 2021 at 20:53

answered Mar 31, 2021 at 20:43

Emiel Zuurbier

21.2k3 gold badges25 silver badges36 bronze badges

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

3 Comments

StackSlave Over a year ago

You may want those extra quotes like in my comment, for complex urls... but your solution should work in most cases.

Emiel Zuurbier Over a year ago

@StackSlave, added. Nice catch!

ZUPPA LOL Over a year ago

thank youu that sloved my problem .. i've been searching for a solution for hours until you saved me :'( <3 thank youuu

Collectives™ on Stack Overflow

javascript | string text between single quotes problem

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related