HTML页面分享朋友圈时获取标题、图片、网址的代码怎么写

HTML页面分享朋友圈时获取标题、图片、网址的代码怎么写,第1张

这个得使用微信的js sdk,同时还要开通后台权限
>页面地址指的是该视频的地址,也就是你看到视频的这个网页的地址!别人点击该地址的时候直接进入该视频页面。
html格式的是放在所调用网页的源码中使用的, html代码复制放到ie地址栏中。就知是什么了

一、html5手机网站调用微信分享包括 :

获取网络类型。

调起客户端的播放组件。

调用微信扫描二维码。

判断是否安装对应的应用。

发送邮件。

分享到微信朋友圈。

二、代码如下:

[html] view plain copy
<!DOCTYPE html>  
<html>  
  
    <head>  
        <meta charset="utf-8">  
        <meta ;

三、输出结果:

四、其他分享接口:

A获取“分享到朋友圈”按钮点击状态及自定义分享内容接口。

wxonMenuShareTimeline({
    title: '', // 分享标题
    link: '', // 分享链接
    imgUrl: '', // 分享图标
    success: function () { 
        // 用户确认分享后执行的回调函数
    },
    cancel: function () { 
        // 用户取消分享后执行的回调函数
    }
});

B获取“分享给朋友”按钮点击状态及自定义分享内容接口。

wxonMenuShareAppMessage({
    title: '', // 分享标题
    desc: '', // 分享描述
    link: '', // 分享链接
    imgUrl: '', // 分享图标
    type: '', // 分享类型,music、video或link,不填默认为link
    dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
    success: function () { 
        // 用户确认分享后执行的回调函数
    },
    cancel: function () { 
        // 用户取消分享后执行的回调函数
    }
});

C获取“分享到QQ”按钮点击状态及自定义分享内容接口。

wxonMenuShareQQ({
    title: '', // 分享标题
    desc: '', // 分享描述
    link: '', // 分享链接
    imgUrl: '', // 分享图标
    success: function () { 
       // 用户确认分享后执行的回调函数
    },
    cancel: function () { 
       // 用户取消分享后执行的回调函数
    }
});

D获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口。

wxonMenuShareWeibo({
    title: '', // 分享标题
    desc: '', // 分享描述
    link: '', // 分享链接
    imgUrl: '', // 分享图标
    success: function () { 
       // 用户确认分享后执行的回调函数
    },
    cancel: function () { 
        // 用户取消分享后执行的回调函数
    }
});

E获取“分享到QQ空间”按钮点击状态及自定义分享内容接口

wxonMenuShareQZone({
    title: '', // 分享标题
    desc: '', // 分享描述
    link: '', // 分享链接
    imgUrl: '', // 分享图标
    success: function () { 
       // 用户确认分享后执行的回调函数
    },
    cancel: function () { 
        // 用户取消分享后执行的回调函数
    }
});

<html>
<body>
<script language='javascript'>
function openPage()
{
var page=documentgetElementById("page")value;
if(page)
{
windowopen("><div style="width:301px;float:left;">
<div style="float:left; width:50px; height:23px; border:1px solid #CC3300; cursor:pointer;" onclick="changeDiv('1','2');">按钮1</div>
<div style="float:left; margin-left:3px; width:50px; height:23px; border:1px solid #CC3300; cursor:pointer;" onclick="changeDiv('2','1');">按钮2</div>
<div style="float:left; width:300px; border:1px solid #CC3300; height:100px; margin-top:5px;" id="div1">
按钮1按钮1按钮1按钮1按钮1按钮1按钮1按钮1按钮1按钮1按钮1按钮1按钮1按钮1按钮1内容
</div>
<div style="float:left; width:300px; border:1px solid #CC3300; height:100px; margin-top:5px; display:none;" id="div2">
按钮2按钮2按钮2按钮2按钮2按钮2按钮2按钮2按钮2按钮2按钮2按钮2按钮2按钮2按钮2按钮2按钮2按钮2内容
</div>
</div>
<script type="text/javascript">
function changeDiv(blockid,noneid){
documentgetElementById("div"+blockid)styledisplay = "block";
documentgetElementById("div"+noneid)styledisplay = "none";
}
</script>

1、首先,保证电脑上安装有ie类型浏览器,同时有一份php类型源代码,如图。

2、在电脑上有一份php源代码文件后,在该源代码文件里面找到一个名为main的文件件。

3、并在里面找到一个名为html格式的文件,然后双击该文件,选择用浏览器打开,如图。

4、待文件打开之后,在浏览器“菜单”里面找到“网页另存为  文件”的选项。

5、然后在打开的窗口中,选项另存网页为html格式,点击保存即可。

1、打开Sublime text3,新建一个HTML文档,并且建立好框架。

2、输入代码:

<table>

      <tr>

          <td>Student</td>

          <td><input type="text" name="student"></td>

      </tr>

      <tr>

          <td>Height</td>

          <td><input type="text" name="height"></td>

      </tr>

      <tr>

          <td colspan=2>

              <input type="button" name="add" value="add">

          </td>

      </tr>

  </table>

设立两行文本输入框,并且提示可以增加的按钮。

3、<table id="mainTable">

为标签加上id方便定位。

4、加上监听事件的函数。

onclick="adding()"

然后连接js文档。

<script src="testjs"></script>

5、function adding(){

  var table = documentgetElementById("mainTable");

  var addTr = tableinsertRow(2);

}

创建函数,然后设定两个变量。一个用于定位标签位置,另一个增加行数在第二行。测试一下,多次点击确实会往下移动。

6、var addTd = addTrinsertCell();

  addTdinnerHTML = "新增";

除了要增加tr还要增加td,并且增加文本提示。

7、稍微修改一下变量名字。再增加文本输入框。

function adding(){

  var table = documentgetElementById("mainTable");

  var addTr = tableinsertRow(2);

  var td1 = addTrinsertCell();

  td1innerHTML = "新增";

  var td2 = addTrinsertCell();

  td2innerHTML = "<input type='text 'name='newnew' >";

}

8、最后就可以看到按钮了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13376796.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-24
下一篇 2023-07-24

发表评论

登录后才能评论

评论列表(0条)

保存