Javascript 使用jQuery在Google网站上放置超链接

我试图使用jQuery中的单击功能放置文本（包含超链接）

var publicationsText = "Rohit. <a href=\"http://www.google.com\" onmouseover=\"this.style.color=#EC4D48;\" onmouseout=\"this.style.color=#666;\" style=\"color:#666;\">Emerging Energy</a>";

    $('#publicationsID').click(function(){ 
      $("#homepage").html(publicationsText);
      return false;
    });

var publicationsText=“Rohit。”；
$（'#publicationsID'）。单击（函数（）{
$（“#主页”）.html（publicationsText）；
返回false；
});

这在我的本地盒子上效果很好。但当我在谷歌网站上发布时，生成的HTML是：

<div id="container-caja-guest-0___">
<div id="homepage-caja-guest-0___">
Rohit.<a target="_blank" style="color: #666">Emerging Energy</a>
</div>
</div>

罗希特。（您可以在“联系人/出版物”页面中看到问题）

谢谢
 您构建的
HTML
字符串不正确（没有转义双引号）：

var publicationsText=“Rohit。”；
href中没有双引号转义
您的字符串格式不正确。您需要转义引号并合并行

var publicationsText = "Rohit. <a href=\"http://www.google.com\" "+
    " onmouseover=\"this.style.color=#EC4D48;\" onmouseout=\"this.style.color=#666;\" "+ 
    " style=\"color:#666;\">Emerging Energy</a>";

var publicationsText=“Rohit。”；
是否有任何理由使用JavaScript（
onmouseover=\“this.style.color=\EC4D48；\“onmouseout=\”this.style.color=\666；\“
）执行简单的CSS任务？（
a{color:#666；}a:hover{color:#EC4D48；}
）是的，原因是谷歌网站没有正确处理此类CSS任务（如hover），因此使用了js。哦，对不起，错误地发布了问题，现在就更正它。这不是问题所在。尽管有了这些改变，谷歌的网站还是不起作用。你为什么要这么做呢？我对谷歌网站一无所知，但我快速浏览了一下，他们似乎有各种各样的小部件，可以满足您的需要，而无需自己编写任何程序。不必编程似乎是谷歌网站的一个重点，这可能就是它们削弱Javascript的原因。谷歌网站在设计和布局方面没有提供我所需要的灵活性。因此，我添加了一个HTML框，并在其中添加了所有代码。看起来他们故意删除了做你想做的事情的能力。我的猜测是，试图绕过他们的限制可能会导致您的网站被禁用。这是可能的，但我确信一定有一个解决办法，就像
onmouseover
和
onmouseout
是
hover
的解决办法一样。
var publicationsText = "Rohit. <a href=\"http://www.google.com\" "+
    " onmouseover=\"this.style.color=#EC4D48;\" onmouseout=\"this.style.color=#666;\" "+ 
    " style=\"color:#666;\">Emerging Energy</a>";