HTML5网页点击分享到whatsapp

最新推荐文章于 2024-07-13 11:26:48 发布

转载最新推荐文章于 2024-07-13 11:26:48 发布 · 2.7k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/phperlinxinlan/p/10305376.html

文章标签：

#javascript #前端 #ViewUI

本文详细介绍了如何在网页中设置分享按钮，使用户能够轻松地将网页内容分享至WhatsApp。通过在网页头部加入特定的meta标签，指定分享的标题和URL，再结合HTML和JavaScript代码实现分享功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、在网页头部加入分享标题和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>