Question

我有一个javascript，我希望我的用户能够放置他们的网站。在这个javascript中，我想生成一个简单的按钮，它位于javascript被粘贴到网站的确切位置。我怎样才能做到这一点？如果我可以为我的<script>标记提供一个id然后只是获取具有特定ID的元素并在其后添加，那将很简单，但我不能。

例如，如果我有这样的事情：

<body>
<p>test para</p>
<p>test para</p><p>test para</p><p>test para</p>
<p>test para</p>
<div>test div</div>
<script src="embed.js" type="text/javascript"></script>
<div>last div</div>
</body>

我希望我的按钮位于test div和last div之间（script标记之前或之后，无关紧要）。我可以这样做吗？

Answer 1

你能使用after -

吗？

$("div:contains('test div')").after('<input type="button"/>');

如果你能给'div'一个id或一个类而不是通过它包含的文本找到它，这显然会更好。

jQuery可以使用 -

找到脚本标记

$("script[src='embed.js']").after('<input type="button"/>')

演示 - http://jsfiddle.net/7GPx7/1

Answer 2

嵌入JavaScript您可能想要考虑的是您的访问者可能没有在其网站上启用jQuery，因此您可以通过加载jQuery或在纯JavaScript中构建您的需求来扩大调用。

访问者的嵌入代码段

<script id="eduard_luca" src="http://cdn.example.com/embed.js" type="text/javascript"></script>

embed.js

var element = document.createElement('a');
element.setAttribute('href','http://google.com');
element.innerHTML = 'Click Me';

document.getElementById("eduard_luca").appendChild(element);

我希望这可以帮助您完成项目。

脚本标记后添加按钮

2 个答案: