如何创建一个可以与嵌入代码一起使用的按钮？

Question

我正在开发一个需要创建嵌入式按钮的项目。我只是想给客户提供一些代码，并要求他们把它放在他们希望按钮出现在他们网站上的地方。最好的方法是什么？作为示例，请参见下图：

如果有人可以提供一些示例代码，我将非常感激。

Answer 1

最简单的形式是提供超链接：

<a href="http://mysite.com/dosomething" title="DoSomething">Do Something</a>

或者你可以使用图像按钮：

<a href="http://mysite.com/dosomething" title="DoSomething">
    <img src="http://mysite.com/images/a.jpg" alt="DoSomething" />
</a>

这些都删除了对CSS和JS的依赖。

或者你可以像你的问题中建议的那样做：

<script src="http://mysite.com/scripts/embedbutton.js">
    document.write('<link rel="stylesheet" href="http://mysite.com/css/embedbutton.css" />');
    document.write('<div id="mybutton" onclick="DoSomething(event);">DoSomething</div>');

    function DoSomething()
    {
        /* action code here */
    }
</script>

Answer 2

我认为javascript解决方案是您需要的一个解决方案。 创建一个将编写按钮HTML的JavaScript。例如，将代码放在public / js / mybutton.js中。

var link = 'http://yoursite.com';
var text = '<div><a href="' + link + '"><img src="' 
    + link 
    + '/public/images/image.png" alt="Some alt text for the image" /></a></div>';
document.write(text);

然后在您的页面中提供脚本标记，供用户嵌入您的butscriptton。

<script src="http://yoursite.com/public/js/mybutton.js"></script>

结果将是一个包含指向您网站的链接的图片，在脚本之后立即呈现。您也可以使用内联样式。 我相信当你想要防止你的按钮样式修改时，这是个不错的选择。

Answer 3

您可以使用简单的链接：

<a href="http://yoursite.com">Blah</a>

然后请求您的客户将此代码嵌入其网站。显然，根据您在客户端站点和站点之间交换所需的信息，可能还有其他参数，javascript代码，......