javascript - 确保 javascript 徽章/小部件 html 未更改

Question

我的一个客户想要分发一个 javascript 小部件，人们可以将其放在他们的网站上。然而，他想确保反向链接完好无损(出于 SEO 目的和使用小部件的部分价格)。所以他要分发的 javascript 可能如下所示:

<script id="my-script" src="http://example.com/widget-script.js"></script>
<div style='font-size:10px'><a href='http://www.example.com/backlinkpage.html'>
  Visit Exaxmple.com</a></div>

widget-script.js 会在页面上显示一些 html。但我们要确保某些 wiley 网站管理员不会删除反向链接。如果他们这样做，我们可能会显示一条消息，如“小部件安装不正确”或其他内容。任何想法/想法。

一些代码取自 this question .

Answer 1

恐怕没有 100% 的方法可以防止这种情况。

您可以自己使用 Javascript 插入链接，但就 PageRank 而言，这将是徒劳的。您可以给他们 HTML，其中链接的 ID 类似于 mycompanybacklink，并使用 Javascript 检查该元素是否存在。如果没有，请不要显示徽章或其他任何内容。如果是，您可以验证链接的 href 是否是您的网站，其文本是否是您想要的。您必须编辑作为示例发布的 HTML，以便链接出现在脚本之前，而不是之后。然而，该元素可能仍然存在，但被其他元素阻止或简单地被 CSS 隐藏。然后你也可以做一些类似于 jQuery 现在用它的 :hidden 做的事情。选择器:与其单独查看 CSS 属性(这是网站管理员最有可能尝试的做法)，您可以只查看元素本身或其父元素是否占用了文档中的任何空间。我认为这是通过 offsetWidth 和 offsetHeight 完成的，但我不确定。不过值得研究......