在脚本标签后添加按钮

Add button after script tag

本文关键字：添加 按钮 标签 脚本      更新时间：2023-09-26

我有一个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标签，这并不重要)。我可以这样做吗?

你可以直接用after -

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

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

jQuery可以使用-

找到脚本标签
$("script[src='embed.js']").after('<input type="button"/>')

Demo - http://jsfiddle.net/7GPx7/1

嵌入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);
我希望这对你的项目有帮助。
相关文章：