用于自动添加Digg This!按钮的JavaScript

所属分类: 网络编程 / JavaScript 阅读数: 2118
收藏 0 赞 0 分享
复制代码 代码如下:

var main=document.getElementById("main");
var singlepost=false;
var firstpost;
var anchor;
for(var i=0;i<main.childNodes.length;i++)
{
  if(main.childNodes[i].className&&main.childNodes[i].className=="post")
  {
    var post=main.childNodes[i];
    if(!firstpost)
    {
      firstpost=post;
    }
    for(var j=0;j<post.childNodes.length;j++)
    {
      if(post.childNodes[j].className&&post.childNodes[j].className=="posthead")
      {
        var posthead=post.childNodes[j];
        if(posthead.childNodes[1]&&posthead.childNodes[1].tagName&&posthead.childNodes[1].tagName=="H2")
        {
          if(posthead.childNodes[1].childNodes[1]&&posthead.childNodes[1].childNodes[1].tagName&&posthead.childNodes[1].childNodes[1].tagName=="A")
          {
            anchor=posthead.childNodes[1].childNodes[1];
          }
          else
          {
            anchor=posthead.childNodes[1].childNodes[0];
          }
        }
        else
        {
          anchor=posthead.childNodes[0].childNodes[0];
        }
        anchor.style.fontSize="14pt";
        if(anchor.className&&anchor.className=="singleposttitle")
        {
          singlepost=true;
        }
      }
    }
  }
}
if(singlepost)
{
  var postfoot=document.createElement("div");
  firstpost.appendChild(postfoot);
  postfoot.className="postfoot";
  postfoot.innerHTML="<a href=\"http://del.icio.us/post?v=4&url="+encodeURIComponent(location.href)+"&title="+encodeURIComponent(document.title)+"\"><img src=\http://del.icio.us/favicon.ico\ alt=\"Add to del.icio.us\" border=\"0\"/><span>Add to del.icio.us</span></a>";
  postfoot.innerHTML+="<a href=\"http://digg.com/submit?phase=2&url="+encodeURIComponent(location.href)+"&title="+encodeURIComponent(document.title)+"\"><img src=\http://digg.com/favicon.ico\ alt=\"Digg This!\" border=\"0\"/><span>Digg This!</span></a>";
  postfoot.innerHTML+="<a href=\"http://www.facebook.com/share.php?u="+encodeURIComponent(location.href)+"\"><img src=\http://www.facebook.com/favicon.ico\ alt=\"Share on Facebook\" border=\"0\"/><span>Share on Facebook</span></a>";
  postfoot.innerHTML+="<a href=\"http://www.google.com/bookmarks/mark?op=edit&bkmk="+encodeURIComponent(location.href)+"&title="+encodeURIComponent(document.title)+"\"><img src=\http://www.google.com/favicon.ico\ alt=\"Google Bookmark This\" border=\"0\"/><span>Google Bookmark This</span></a>";

更多精彩内容其他人还在看

BootStrap数据表格实例代码

本文通过实例代码给大家分享了BootStrap数据表格的相关知识,感兴趣的朋友一起看看吧
收藏 0 赞 0 分享

基于vue的短信验证码倒计时demo

这篇文章主要介绍了基于vue的短信验证码倒计时demo,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

详解React Native开源时间日期选择器组件(react-native-datetime)

本篇文章主要介绍了详解React Native开源时间日期选择器组件(react-native-datetime),具有一定的参考价值,有兴趣的可以了解一下
收藏 0 赞 0 分享

JS库particles.js创建超炫背景粒子插件(附源码下载)

particles.js用于创建粒子的轻量级 JavaScript 库。使用方法非常简单,代码也很容易实现,下面通过本文给大家分享JS库particles.js创建超炫背景粒子插件附源码下载,需要的朋友参考下吧
收藏 0 赞 0 分享

JS库之Waypoints的用法详解

waypoints的功能非常强大,一款用于捕获各种滚动事件的插件,下面跟随脚本之家小编一起学习JS库之Waypoints的用法吧
收藏 0 赞 0 分享

强大的JavaScript响应式图表Chartist.js的使用

本篇文章主要介绍了强大的JavaScript响应式图表Chartist.js的使用,具有一定的参考价值,有兴趣的可以了解一下
收藏 0 赞 0 分享

详解wow.js中各种特效对应的类名

本篇文章主要介绍了wow.js中各种特效对应的类名 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

JS库之Highlight.js的用法详解

highlight.js是一款轻量级的Web代码语法高亮库。下面通过实例代码给大家分享JS库之Highlight.js的用法详解,感兴趣的朋友跟随脚本之家小编一起学习吧
收藏 0 赞 0 分享

详解动画插件wow.js的使用方法

本篇文章主要介绍了动画插件wow.js的使用方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

JS库 Highlightjs 添加代码行号的实现代码

Highlightjs是一款优秀的代码高亮Js组件,可以很方便地对各种语言编写的代码添加语法高亮样式。本文重点给大家介绍Highlightjs 添加代码行号的实现代码,需要的朋友参考下吧
收藏 0 赞 0 分享
查看更多