How do you document.writeln() a hyperlink?

Question

Very simply question I can't seem to find solved here.

How can I use javascript to print a hyperlink? I'm very beginner with JavaScript and I need something like the following to work:

document.writeln("<a href="javascript:toggleDummy1();">" + flaggedKCSarticles.flag_object[i].feedback_text + "</a>");

I recommend avoiding dynamic html construction in JavaScript if possible. It's much cleaner to use template binding — TGH, Sep 17 '13 at 05:30
Don't forget to [avoid `document.write`](http://stackoverflow.com/questions/802854/why-is-document-write-considered-a-bad-practice) (when you have learned how to escape strings) — Bergi, Sep 17 '13 at 05:48

score 2 · Answer 1 · answered Sep 17 '13 at 05:27

1) Escape the internal quotes by adding a backslash:

document.writeln("<a href=\"javascript:toggleDummy1();\">" +    
    flaggedKCSarticles.flag_object[i].feedback_text + "</a>");

OR

2) Use single quotes:

document.writeln('<a href="javascript:toggleDummy1();">' +    
    flaggedKCSarticles.flag_object[i].feedback_text + "</a>");

score 2 · Answer 2 · answered Sep 17 '13 at 05:28

2

Double quotes " are conflicting. Use a single quote in outermost, and double quotes to wrap href attribute.

So it may look like:

document.writeln('<a href="javascript:toggleDummy1();">' + flaggedKCSarticles.flag_object[i].feedback_text + '</a>')

answered Sep 17 '13 at 05:28

Priya Ranjan Singh

1,537
1
15
27

Frederik.L · Answer 3 · 2013-09-17T05:37:21.773

You need to adjust quotes and double quotes so they doesn't conflict.

However, document.write and the like are very poor practice. You will learn soon enough that you need to append in a container rather than "brute print" into a document.

For example:

var a = document.createElement("a");
a.href = "javascript:toggleDummy1();";

// a more semantic way could be:
//
//   a.onclick=function(event){
//       toggleDummy1();
//   }
//

a.innerText = flaggedKCSarticles.flag_object[i].feedback_text;
document.body.appendChild(a);

score 0 · Answer 4 · answered Sep 17 '13 at 05:29

There is a problem in your markup, try this

document.writeln("<a href=\"javascript:toggleDummy1();\">" + flaggedKCSarticles.flag_object[i].feedback_text + "</a>");

or

document.writeln("<a href='javascript:toggleDummy1();'>" + flaggedKCSarticles.flag_object[i].feedback_text + "</a>");

Anil Kasar · Answer 5 · 2016-03-13T09:33:11.777

-1

change your syntax like that,

document.writeln('<a href="javascript:toggleDummy1();">' + flaggedKCSarticles.flag_object[i].feedback_text + '</a>');

i hope this will work

edited Mar 13 '16 at 09:33

answered Sep 17 '13 at 05:32

Anil Kasar

11
4

How do you document.writeln() a hyperlink?

5 Answers5