欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

网页分享到facebook

程序员文章站 2022-10-05 10:35:47
一、在网页头部加入如下代码: 以上属性值根据自身网站修改 二、HTML代码如下: 三、JavaScript代码如下: ......

一、在网页头部加入如下代码:

    <meta property="og:url" class="fb_url" content="分享url" />
    <meta property="og:type"               content="website" />
    <meta property="og:title" class="fb_title" content="标题" />
    <meta property="og:description"        content="内容" />
    <meta property="og:image" content="图片"/>

以上属性值根据自身网站修改

二、html代码如下:

<a href="javascript:fbshare();" class="xq-facebook"><i class="share-icon-facebook"></i> <span>facebook</span></a>

三、javascript代码如下:

function fbshare(contentid) {

        u = document.getelementsbyclassname("fb_url")[0].content;

        t = document.getelementsbyclassname("fb_title")[0].content;

        window.open("http://www.facebook.com/sharer.php?u="+ encodeuricomponent(u) + "&t="+ encodeuricomponent(t), "sharer","toolbar=0,status=0,width=626,height=436");
        

    }