Javascript parameter passing single apostrophe

Question

I'm inserting content with js, that includes an onclick call to a function. This function passes a parameter which contains a database entry, which could contain a ' .

var action = '<a href="#" class="facebook-share" onclick="facebookWallPost(\' '+name+'\')">Share</a>';

Trouble is that when name contains a single apostrophe it breaks the function call. I've tried doing a string replace on name to replace ' with ' but this seems to still be converted back to a ' by the browser.

Any idea how I can get around this?

Possible duplicate of: [Javascript escape quotes](http://stackoverflow.com/questions/2004168/javascript-escape-quotes)? — Mr. Polywhirl, Mar 31 '14 at 10:54

score 1 · Accepted Answer · answered Mar 31 '14 at 10:54

1

Use escape() or after JavaScript version 1.5. use encodeURI() or encodeURIComponent() instead.

answered Mar 31 '14 at 10:54

blue

1,939
1
11
8

Cheers, I've used escape to pass it, and then unescape() in the function. – user3429445 Mar 31 '14 at 11:08

score 0 · Answer 2 · answered Mar 31 '14 at 10:56

Don't write code by mashing strings together with other code. You've got JavaScript inside HTML inside JavaScript and it is a recipe for headaches.

Use DOM manipulation instead.

var a = document.createElement('a');
a.href = "#"; // You should use a button instead of a link to the top of the page
a.className = "facebook-share";
a.addEventListener('click', function () {
    facebookWallPost(name);
});
a.appendChild(
    document.createTextNode('Share');
);

Javascript parameter passing single apostrophe

2 Answers2