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

HTML5网页点击分享到whatsapp

程序员文章站 2022-05-02 12:18:05
一、在网页头部加入分享标题和url,代码如下: 二、HTML代码如下: 三、JavaScript代码如下: ......

一、在网页头部加入分享标题和url,代码如下:

<meta name="whatsapp:url" class="share_url" content="http://www.abc.com">
    <meta name="whatsapp:title" class="share_title" content="测试分享到whatsapp">

二、html代码如下:

<a href="javascript:whatsapp();" class="xq-whatsapp" data-action="share/whatsapp/share"></a>

三、javascript代码如下:

<script>
function whatsapp(contentid){

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

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

        location="whatsapp://send?text="+ encodeuricomponent(t) + encodeuricomponent("\n\n"+u)+"&via=lopscoop";

    }
</script>