JavaScript 向 href 添加变量

Question

I have a json that is taking from a db information and showing as link, im trying to show the link from db but im gettig some issues, this is what i have:

 $("#content_div").html('<a href="'.knowledge_info.'"><h4 class="knowledge_base">Knowledge Info</h4></a>');

When doing this im getting :

Uncaught SyntaxError: Unexpected string

Not sure why, the variable is there, when doing console.log(knowledge_info); i can see the info coming from the variable

Answer 1

JavaScript string concatenation is with the + sign:

$("#content_div").html('<a href="'+knowledge_info+'"><h4 class="knowledge_base">Knowledge Info</h4></a>');

If your IDE doesn't show you this is syntactically wrong you should probably find another editor and check out some JS basics courses.

Answer 2

您可以连接字符串而不是使用点吗？

 $("#content_div").html('<a href="'+knowledge_info+'"><h4 class="knowledge_base">Knowledge Info</h4></a>');

Answer 3

if you use ES6 you can type like this

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="content_div"> run snippet </div> <script> const knowledge_info = "href://yourlink" $("#content_div").html(` <a href="${knowledge_info}"> <h4 class="knowledge_base">Knowledge Info</h4> </a> `); </script>

and in js must be camelCase variables "knowledge_info"=>"knowledgeInfo"

Answer 4

. operator is invalid in javascript.

It is used in php to combine string.

So you would replace . operator to + .

$("#content_div").html('<a href="'+knowledge_info+'"><h4 class="knowledge_base">Knowledge Info</h4></a>');

Answer 5

You could try using template strings like so:

 $("#content_div").html(`<a href="${knowledge_info}"><h4 class="knowledge_base">Knowledge Info</h4></a>`);

:)