将HTML代码存储到javascript变量

Question

I have a problem when converting store html code to javascript variable, I know we can convert using converter tools, but I can't use this converter in my situation.

I am trying the following code

 var t_cls="font-effect-anaglyph rotator"; var randompostsurl="www.allinworld99.blogspot.com"; var randompoststitle="Open Inspect Element And see the Code"; var default_script = "<script> document.write('<div><a class="+t_cls+" href=\\"' + randompostsurl + '\\" rel=\\"nofollow\\">' + randompoststitle + '<\\/a><\\/div>'); <\\/script>\\n"; $("#apnd").append(default_script); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <div id="apnd"></div> 

The above one will produce the following output

<a class="font-effect-anaglyph" rotator="" href="www.allinworld99.blogspot.com" rel="nofollow">Open Inspect Element And see the Code</a>

Why the rotator class will created as new attribute?

Answer 1

Because there are no quotes around the class attribute in the result. You need to add them, since you have a space in the attribute's value:

default_script = "<script>        document.write('<div><a class=\""+t_cls+"\" href=\"' + randompostsurl + '\" rel=\"nofollow\">' + randompoststitle + '<\/a><\/div>');<\/script>\n";
// Here --------------------------------------------------------^^---------^^

Answer 2

替换您的default_script代码

 default_script = "<script>        document.write('<div><a class='"+t_cls+"' href=\"' + randompostsurl + '\" rel=\"nofollow\">' + randompoststitle + '<\/a><\/div>');<\/script>\n";

Answer 3

As there are no quotes in class, it produce rotator as a new attribute. But you can achieve rotator as a class by the following way. ie replacing single quotes with escape sequence.

<script>$(document).ready(function(){
 var t_cls="font-effect-anaglyph rotator", randompostsurl="www.allinworld99.blogspot.com",
 randompoststitle="Open Inspect Element And see the Code",
 default_script = "document.write(\"<div><a class=\""+t_cls+"\" href=\"" + randompostsurl + "\" rel=\"nofollow\">\" + randompoststitle + \"<\/a><\/div>\");<\/script>\n";
$("#apnd").append(default_script);
});
</script>