javascript - 将 html 代码存储到 javascript 变量

Question

我在将商店 html 代码转换为 javascript 变量时遇到问题，我知道我们可以使用转换器工具进行转换，但我无法在我的情况下使用此转换器。

我正在尝试下面的代码

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>

上面的将产生以下输出

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

为什么旋转器类将创建为新属性？

Answer 1

因为结果中的 class 属性没有引号。您需要添加它们，因为您在属性值中有一个空格:

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