用于Digg按钮的不引人注目的JavaScript?

时间:2009-07-14 16:53:51

标签: javascript unobtrusive-javascript

我想在我的网页上添加Digg按钮,但不想直接在页面上添加脚本标记。

<div class="digg">
<script type="text/javascript">
    digg_url = '';
    digg_bgcolor = '#99ccff';
    digg_skin = 'compact';
    digg_window = 'new';
</script>
<script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script>
</div>

为Digg按钮添加JavaScript有哪些不引人注目的方式?

2 个答案:

答案 0 :(得分:2)

diggthis.js脚本将按钮放在脚本标记所在的位置,或者查找类名为"DiggThisButton"的锚标记。但是,它会尝试在创建所有DOM元素之前运行。因此,您需要将其放在页面底部,而不是将脚本包含在HTML文档的头部中。

这是另一种方法(....表示任何其他内容):

<html>
<head>
<script type="text/javascript">
    digg_url = '';
    digg_bgcolor = '#99ccff';
    digg_skin = 'compact';
    digg_window = 'new';
</script>
.....
<body>
....
<div class="digg">
 <a class="DiggThisButton"></a>
</div>
....
<script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script>
</html>

答案 1 :(得分:0)

除了在单独的文件中设置这些“digg_”变量之外,您无能为力。

无论如何,包括来自digg.com的外部Javascript并不是真正的“侵入性”。